几种 angular 循环。。。。
2016-04-13 12:20
666 查看
学习angular 有好一段时间, 之前有项目接触到这玩意,那就从基础学起,记录下学习过程中的点点滴滴把。。。。
angular js的循环
1. 第一种也是我们最常见的, 给出一个数组或者数组对象将其打印出来。
<div ng-app="" ng-init="names=['Jani','Hege','Kai']">
<p>使用 ng-repeat 来循环数组</p>
<ul>
<li ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>
2. 第二种在项目中学习到的
obj.id as
obj.name for obj in
objs
<select ng-options="obj.id
as obj.name for obj in objs"></select>
这是一种运用于下拉菜单的循环写法。
下文转一个例子(转)http://my.oschina.net/foodon/blog/338698
循环输出列表很多项目在web服务端做,前端做好模版后后端写jsp代码,双方需要紧密合作,分清责任。有些项目由后端提供restful方法,前端用ajax调用自己循环,这种一般是大把的jquery拼字符串,太不直观,有人搞出了js模板,也没好到哪里去。
angular js的循环
1. 第一种也是我们最常见的, 给出一个数组或者数组对象将其打印出来。
<div ng-app="" ng-init="names=['Jani','Hege','Kai']">
<p>使用 ng-repeat 来循环数组</p>
<ul>
<li ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>
2. 第二种在项目中学习到的
obj.id as
obj.name for obj in
objs
<select ng-options="obj.id
as obj.name for obj in objs"></select>
这是一种运用于下拉菜单的循环写法。
下文转一个例子(转)http://my.oschina.net/foodon/blog/338698
循环输出列表很多项目在web服务端做,前端做好模版后后端写jsp代码,双方需要紧密合作,分清责任。有些项目由后端提供restful方法,前端用ajax调用自己循环,这种一般是大把的jquery拼字符串,太不直观,有人搞出了js模板,也没好到哪里去。
相关文章推荐
- Angular.js与Bootstrap相结合实现手风琴菜单代码
- Taking advantage of Observables in Angular 2
- [置顶] 跟我学AngularJs:Service、Factory、Provider依赖注入使用与区别
- Angular.js与Bootstrap相结合实现手风琴菜单代码
- angularjs ng-model不能实现双向绑定
- [AngularJS] Angular 1.5 $transclude with named slot
- AngularJS 世界------初识Angularjs
- angular2 Displaying
- [置顶] angularJS中ng-class指令的三种实现方式
- AngularJS for beginners
- angularjs 发送ajax请求的问题
- angular js点击tab中的li标签加载相应div区域
- AngularJs与jquery 差异的分析
- Angularjs的ng-repeat中去除重复的数据
- Angular.js与Bootstrap相结合实现表格分页代码
- AngularJS vs. jQuery,看看谁更胜一筹
- Backbone与Angular的比较
- Angular.js与Bootstrap相结合实现表格分页代码
- 每周小结-3 D3 on AngularJS
- activiti自定义流程之整合(二):使用angular js整合ueditor创建表单