AngularJS遍历获取数组元素的方法示例
更新时间：2017年11月11日 11:20:42 作者：cherishSpring
这篇文章主要介绍了AngularJS遍历获取数组元素的方法,涉及AngularJS简单的数组遍历及元素获取相关操作技巧,需要的朋友可以参考下
本文实例讲述了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指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
相关文章
AngularJS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。下面通过本文给大家分享使用AngularJS对表单提交内容进行验证的操作方法，需要的的朋友参考下吧2017-07-07
本篇文章主要介绍了Angular客户端请求Rest服务跨域问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
Angular 2父子组件数据传递之@Input和@Output详解(下)
这篇文章主要给大家介绍了关于Angular 2父子组件数据传递之@Input和@Output的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-07-07
Angular Component属性绑定target和attr.target的区别分析
这篇文章主要介绍了Angular Component属性绑定target和attr.target的区别分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
这篇文章主要介绍了详解如何构建一个Angular6的第三方npm包,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
详解基于Angular4+ server render(服务端渲染)开发教程
本篇文章主要介绍了详解基于Angular4+ server render(服务端渲染)开发教程 ，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
AngularJS基础 ng-mouseover 指令简单示例
本文主要介绍AngularJS ng-mouseover 指令,这里帮大家整理了AngularJS 指令的基础知识,并附代码示例,有兴趣的小伙伴可以参考下2016-08-08
AngularJS通过ng-route实现基本的路由功能实例详解
这篇文章主要介绍了AngularJS通过ng-route实现基本的路由功能,结合实例形式详细分析了AngularJS使用ng-route实现路由功能的操作步骤与相关实现技巧,需要的朋友可以参考下2016-12-12
Angular中使用ng-zorro图标库部分图标不能正常显示问题
这篇文章主要介绍了Angular中使用ng-zorro图标库部分图标不能正常显示问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
这篇文章主要介绍了Angularjs制作简单的路由功能demo，刚刚开始学习Angularjs,做的不好，还请见谅。2015-04-04
最新评论