AngularJS ng-repeat array index iteration

AngularJS ng-repeat array index iteration

本文关键字：iteration index array ng-repeat AngularJS      更新时间：2023-09-26

我正在为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>
相关文章：