繁体   English   中英

AngularJS ng-repeat数组索引迭代

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM