首页 > 其他 > 详细

angular的ng-repeat使用

时间:2017-01-05 01:23:39      阅读:236      评论:0      收藏:0      [点我收藏+]

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使用

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!