码迷,mamicode.com
首页 > 其他好文 > 详细

angular的ng-repeat使用

时间:2017-01-05 01:24:14      阅读:386      评论:0      收藏:0      [点我收藏+]

标签:scope   log   nbsp   use   blog   rac   records   count   mod   

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)-->

 

angular的ng-repeat使用

标签:scope   log   nbsp   use   blog   rac   records   count   mod   

原文地址:http://www.cnblogs.com/kino156/p/6250605.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!