这里有新鲜出炉的 AngularJS 教程, 程序狗速度看过来!
AngularJS 前端 JS 框架
AngularJS 诞生于 Google 是一款优秀的前端 JS 框架, 已经被用于 Google 的多款产品当中 AngularJS 有着诸多特性, 最为核心的是: MVC 模块化自动化双向数据绑定语义化标签依赖注入, 等等
这篇文章主要介绍了 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>
运行结果:
来源: http://www.phperz.com/article/18/0314/360844.html