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 相关文章推荐
对YUI扩展的Gird组件 Part-1
Mar 10 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
怎么判断js脚本加载完成
Feb 28 Javascript
angularJS中router的使用指南
Feb 09 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 Javascript
angularjs下拉框空白的解决办法
Jun 20 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
Sep 21 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
Dec 10 Javascript
layui table单元格事件修改值的方法
Sep 24 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
Feb 24 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 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实现的生成静态HTML速度快类库
2007/03/31 PHP
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
PHP连接SQLServer2005方法及代码
2013/12/26 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
php判断访问IP的方法
2015/06/19 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
js变换显示图片的实例
2013/04/16 Javascript
了解了这些才能开始发挥jQuery的威力
2013/10/10 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
jQuery中mouseover事件用法实例
2014/12/26 Javascript
jQuery属性选择器用法示例
2016/09/09 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
react项目如何使用iconfont的方法步骤
2019/03/13 Javascript
express启用https使用小记
2019/05/21 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
2020/04/17 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
2021/02/10 Javascript
Python设计模式之策略模式实例详解
2019/01/21 Python
python修改文件内容的3种方法详解
2019/11/15 Python
Pytorch 搭建分类回归神经网络并用GPU进行加速的例子
2020/01/09 Python
dpn网络的pytorch实现方式
2020/01/14 Python
Python并发concurrent.futures和asyncio实例
2020/05/04 Python
Python日志器使用方法及原理解析
2020/09/27 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
大二自我鉴定
2014/01/31 职场文书
爱情寄语大全
2014/04/09 职场文书
2014年项目工作总结
2014/11/24 职场文书
教师个人教学总结
2015/02/11 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
Python办公自动化PPT批量转换操作
2021/09/15 Python
win11怎么用快捷键锁屏? windows11锁屏的几种方法
2021/11/21 数码科技