AngularJs获取数组的元素例子
2016-05-12 15:52
661 查看
身为菜鸟的自我修养,能学一点是一点,能发一点是一点,啦啦啦~~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取数组的元素例子</title>
<script src="angular.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>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取数组的元素例子</title>
<script src="angular.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>
相关文章推荐
- AangularJs动态时间例子
- AngularJS 中ng-class 使用
- 深究AngularJS——监听模型$watch
- SpringMVC实现angularjs图片上传
- angularjs 做修改页面遇到的问题
- 用angularjs遇到的坑
- 深究AngularJS——如何获取input的焦点(自定义指令)
- AngularJS路由 $state服务、路由事件、获取路由参数
- 关于ng-disabled 不起作用的解决办法
- angular上传图片至七牛
- AngularJs (二) 搭建Deployd 服务爬坑
- 《AngularJS》5个实例详解Directive(指令)机制
- AngularJS学习记录-作用域
- 关于angularJS uibModalInstace Unknown provider报错问题
- AngularJS 表单验证小结
- angular 鼠标移入移开元素显示或隐藏
- AngularJs分页插件
- Angularjs之ngModel中的值验证绑定
- angular $emit发送 后退时$on多次接收
- AngularJs(一) MVC 模式的应用