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性能优化 如何更快速加载你的JavaScript页面
Mar 17 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
Oct 11 Javascript
js文件缓存之版本管理详解
Jul 05 Javascript
JS实现根据出生年月计算年龄
Jan 10 Javascript
AngularJS基础知识
Dec 21 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
js实现touch移动触屏滑动事件
Apr 17 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
JavaScript 面向对象基础简单示例
Oct 02 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蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
PHP5.3安装Zend Guard Loader图文教程
2014/09/29 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
详解php协程知识点
2018/09/21 PHP
基于jQuery实现图片的前进与后退功能
2013/04/24 Javascript
jQuery中after的两种用法实例
2013/07/03 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
JavaScript检查数字是否为整数或浮点数的方法
2015/06/09 Javascript
JS基于VML技术实现的五角星礼花效果代码
2015/10/26 Javascript
EasyUI学习之Combobox级联下拉列表(2)
2016/12/29 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
2018/03/16 Javascript
vue 纯js监听滚动条到底部的实例讲解
2018/09/03 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
详解JavaScript中的强制类型转换
2019/04/15 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
python学习 流程控制语句详解
2016/06/01 Python
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
Python实现类似比特币的加密货币区块链的创建与交易实例
2018/03/20 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
python实现上传文件到linux指定目录的方法
2020/01/03 Python
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
2020/04/27 HTML / CSS
去加拿大的旅行和假期:Canadian Affair
2016/10/25 全球购物
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
财务信息服务专业自荐书范文
2014/02/08 职场文书
班级安全教育实施方案
2014/02/23 职场文书
企业金融服务方案
2014/06/03 职场文书
毕业生捐书活动倡议书
2015/04/27 职场文书
python 实现的截屏工具
2021/05/08 Python
纯html+css实现奥运五环的示例代码
2021/08/02 HTML / CSS