如何获取当前对象名称以在ng-repeat中显示

时间:2015-11-04 16:07:29

标签: javascript angularjs

我有一个对象(父),里面有多个对象(当前)。我使用ng-repeat来显示所有(当前)对象。这些当前对象具有唯一的名称。

我想要做的是获取唯一名称并将其显示在视图内。

当我使用console.log

时,这就是对象(父对象)内部的内容
5b6055ad59040d3624c81c114d04aa2a: Object
    addons: Array[5]
    data: Object
8c56c8cbe6d415ba4d036d8dc859683: Object
    addons: Array[5]
    data: Object
c8f22c12b7aaf10fe360f438e0931a4d: Object
    addons: Array[5]
    data: Object

这是角度代码的视图。所以我希望例如“5b6055ad59040d3624c81c114d04aa2a”显示在h3标签内。

<div class="product" ng-repeat="item in cart.items">
    <ul>
        <li><h3>{{item.uniquename}}</h3></li>
        <li>
            <span class="left">Name:</span>
            <span class="right">{{item.addons[0].value}}</span>
        </li>
    </ul>
</div>

1 个答案:

答案 0 :(得分:1)

如果通过uniquename引用数组中每个项的键,则可以按以下方式迭代键/值:

<div class="product" ng-repeat="(uniquename, item) in cart.items">
    <ul>
        <li><h3>{{uniquename}}</h3></li>
        <li>
            <span class="left">Name:</span>
            <span class="right">{{item.addons[0].value}}</span>
        </li>
    </ul>
</div>