angular的ng-repeat使用
2024-10-19 02:18:15
ng-repeat是angular的一个指令,用来循环生成某些东西。常用的是拿到数据循环生成样式展示在视图中。
<!--orderStatuses表示$scope传递的数据$scope.orderStatuses=data;data是json对象格式-->
<select name="aaa" id="aaa" ng-model="$scope绑定的变量"></select>
<option ng-repeat="status in orderStatuses" value="{{status.key}}">{{status.value}}</option> <!--有三种ng-repeat方式,根据数据格式来使用哪种方式-->
<tr ng-repeat="x in records">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
<tr ng-repeat="(x, y) in myObj">
<td>{{x}}</td>
<td>{{y}}</td>
</tr>
<!--第3种方式:x in records track by $id(x)-->
最新文章
- 网络广告术语CPC、CPM和CTR的含义和关系
- HTML5本地存储之localStorage
- 下面将详细说明useradd与usermod 的参数及用法!
- 安装Spark集群(在CentOS上)
- 【BZOJ 3343 】 分块
- OSI模型七层模型结构
- 设置ListView每条数据之间的间隔
- Java webservice
- zoj 2110
- python基础(三)--列表、元组、字典
- don\'t have permission access on this server听语音
- Python爬取地图瓦片
- Oracle 执行计划(一)-------基本介绍
- 分享:五个非常有用的WP插件
- 单个div充满屏幕的CSS方法
- (转载)python: getopt的使用;
- Ms17-010进行WEB提权之实践下某培训靶机服务器
- 【bzoj2754】 SCOI2012—喵星球上的点名
- BZOJ3163&;Codevs1886: [Heoi2013]Eden的新背包问题[分治优化dp]
- java回收算法
热门文章
- ueditor的模板功能
- oracle正则表达式的用法
- [Core] .NET Core &; VS Code 之路(2) Web API
- csuoj 1392: Number Trick
- JSSDK用法//////////////////zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
- com.caucho.hessian.io.HessianProtocolException: is unknown code 解决方案
- HTML5--页面自动居中
- c#常见的错误集合
- Djunit工作记录
- 夺命雷公狗----Git---6---GitHub基本使用