ng-repeat

ng-repeat 指令会重复一个 HTML 元素

?

1 2 3 4 5 6 7 8

<div ng-app="" ng-init="names=['Jani','Hege','Kai']">   <p>使用 ng-repeat 来循环数组</p>   <ul>     <li ng-repeat="x in names">       {{ x }}     </li>   </ul> </div>

ng-repeat 指令用在一个对象数组上：

?

1 2 3 4 5 6 7 8 9 10 11 12 13

<div ng-app="" ng-init="names=[ {name:'Jani',country:'Norway'}, {name:'Hege',country:'Sweden'}, {name:'Kai',country:'Denmark'}]">    <p>循环对象：</p> <ul>   <li ng-repeat="x    in names">     {{ x.name + ', ' + x.country }}   </li> </ul>    </div>