angularJS之ng-repeat

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJS之ng-repeat相关的知识,希望对你有一定的参考价值。

<p>使用 ng-repeat 来循环数组</p>
  <ul>
    <li data-ng-repeat="x in numArray">
      {{ x }}
    </li>
  </ul>
 
ng-repeat(带有对象)
<p>循环对象:</p>
<ul>
  <li ng-repeat="x in names">
  {{ x.name + ‘, ‘ + x.country }}</li>
</ul>
 
 如果数组中有重复的数据,用 item in arr track by $index:
<li ng-repeat="item in arr track by $index">{{item}}</li>

以上是关于angularJS之ng-repeat的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS之表达式

[AngularJS] AngularJS系列 中级篇之路由

[AngularJS] AngularJS系列 中级篇之指令

[AngularJS] AngularJS系列 中级篇之表单验证

[AngularJS] AngularJS系列 中级篇之表单验证

AngularJS进阶(三十三)书海拾贝之简介AngularJS中使用factory和service的方法