AngularJS遍历获取数组元素的方法示例


Posted in Javascript onNovember 11, 2017

本文实例讲述了AngularJS遍历获取数组元素的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>获取数组的元素例子</title>
  <script src="angular.min.js"></script>
  <script>
    var app=angular.module("lesson",[]);
    app.controller("oneCtrl",function($scope){
    });
  </script>
</head>
<body ng-app="lesson" ng-controller="oneCtrl" ng-init="Week=['Mon','Tue','Wen','Thu','Fri','Sat','Sun']">
    <!--循环获取数组里的元素start-->
    获取数组所有元素:
    <ul ng-repeat="a in Week">
      <li>
        <b style="color: green">{{a}}</b>
      </li>
    </ul>
    <!--获取数组单个元素-->
    获取数组单个元素:{{Week[0]}}
    <!--end-->
</body>
</html>

运行结果:

AngularJS遍历获取数组元素的方法示例

希望本文所述对大家AngularJS程序设计有所帮助。

Javascript 相关文章推荐
js运动动画的八个知识点
Mar 12 Javascript
javascript搜索框效果实现方法
May 14 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
Aug 06 Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
Mar 03 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
Jun 09 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
react+redux的升级版todoList的实现
Dec 18 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 #Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 #Javascript
详解Vue如何支持JSX语法
Nov 10 #Javascript
微信小程序异步处理详解
Nov 10 #Javascript
微信小程序实现选项卡功能
Jun 19 #Javascript
微信小程序实现多宫格抽奖活动
Apr 15 #Javascript
十分钟带你快速了解React16新特性
Nov 10 #Javascript
You might like
约瑟夫环问题的PHP实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
eaglephp使用微信api接口开发微信框架
2014/01/09 PHP
php实现过滤UBB代码的类
2015/03/12 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
jquery.validate使用攻略 第三部
2010/07/01 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
2014/09/01 Javascript
jQuery中empty()方法用法实例
2015/01/16 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
浅谈对于react-thunk中间件的简单理解
2019/05/01 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
Python批量按比例缩小图片脚本分享
2015/05/21 Python
Python基于回溯法解决01背包问题实例
2017/12/06 Python
解决python selenium3启动不了firefox的问题
2018/10/13 Python
python实现读取excel文件中所有sheet操作示例
2019/08/09 Python
python openCV获取人脸部分并存储功能
2019/08/28 Python
CSS3 滤镜 webkit-filter详细介绍及使用方法
2012/12/27 HTML / CSS
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
小学生元旦广播稿
2014/02/21 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
合同协议书格式
2014/04/18 职场文书
团支部推优材料
2014/05/21 职场文书
先进党支部申报材料
2014/12/24 职场文书
大学生实习介绍信
2015/05/05 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
关于vue中如何监听数组变化
2021/04/28 Vue.js
pytorch Dropout过拟合的操作
2021/05/27 Python
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis