[英]AngularJS ng-repeat array index iteration
我正在构建一个适用于Android的Cordova应用程序,并且使用Ionic在卡列表中显示了一系列条目。
这是我显示它们的方式:
<!-- // List of Cards // -->
<div class="list card" ng-repeat="entry in entryDB">
<!-- // Card Title // -->
<div class="item item-divider">{{entry[1].link}}</div>
<!-- // Card Contents // -->
<div class="item item-body" ng-click="browse(entry[1].link)">
<h2><b>{{entry[1].title}}</b></h2>
<p>{{entry[1].contentSnippet}}</p>
<p><a class="subdued">{{entry[1].publishedDate}}</a></p>
</div>
</div>
如何更新数组中每个对象的entry [index]的索引值,以便在列表中为数组中每个对象创建新行?
我试过使用“ $ index跟踪”,但是没有用。
同样,我尝试使用显示全部内容的标准方式,但这是它通过使用[index]显示每个条目来单独显示每个条目的唯一方式,如果我删除它,它只会创建一个列表项,包含整个数组。
我是AngularJS的新手,在这个问题上我一直在扯头发,我可以想象这是我所缺少的超级简单的东西。
由于entryDB是一个数组数组,因此在ng-repeat条目中仍然是一个数组,需要遍历该数组并通过引用$ index的$ index进行跟踪,否则无法获得您在条目内寻找的内容。 如果要显示条目中的所有项目,则需要嵌套的ng-repeat来访问这些项目。 代替 :
<div class="list card" ng-repeat="entry in entryDB">
做:
<div ng-repeat="entry in entryDB">
<div class="list card" ng-repeat="item in entry">
<!-- // Card Title // -->
<div class="item item-divider">{{item.link}}</div>
<!-- // Card Contents // -->
<div class="item item-body" ng-click="browse(item.link)">
<h2><b>{{item.title}}</b></h2>
<p>{{item.contentSnippet}}</p>
<p><a class="subdued">{{item.publishedDate}}</a></p>
</div>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.