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 相关文章推荐
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
javascript jscroll模拟html元素滚动条
Dec 18 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 Javascript
BootStrap tab选项卡使用小结
Aug 09 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
Apr 25 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
async/await让异步操作同步执行的方法详解
Nov 01 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 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
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
PHP调用三种数据库的方法(3)
2006/10/09 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
php中引用符号(&amp;)的使用详解
2013/11/13 PHP
destoon实现调用自增数字从1开始的方法
2014/08/21 PHP
高质量PHP代码的50个实用技巧必备(上)
2016/01/22 PHP
使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)
2016/12/21 PHP
解决laravel中日志权限莫名变成了root的问题
2019/10/17 PHP
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
jQuery使用ajaxSubmit()提交表单示例
2014/04/04 Javascript
JavaScript中数据结构与算法(三):链表
2015/06/19 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
分享javascript、jquery实用代码段
2016/10/20 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
基于Vue实现拖拽功能
2020/07/29 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
webpack4从0搭建组件库的实现
2020/11/29 Javascript
[03:26]回顾2015国际邀请赛中国区预选赛
2015/06/09 DOTA
python实现域名系统(DNS)正向查询的方法
2016/04/19 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
图库照片、免版税图片、矢量艺术、视频片段:Depositphotos
2019/08/02 全球购物
AJax面试题
2014/11/25 面试题
医学专业五年以上个人求职信
2013/12/03 职场文书
毕业班联欢会主持词
2014/03/27 职场文书
演讲稿祖国在我心中
2014/05/04 职场文书
安全施工标语
2014/06/07 职场文书
不服从上级领导安排的检讨书
2014/09/14 职场文书
幼儿园教师的自我评价范文
2014/09/17 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书