多重对象上的ng-repeat

时间:2015-11-03 10:45:30

标签: javascript angularjs

我必须重复一个数组。 我的请求看起来像这样: this is what I get when I console log the object

我可以重复这样的时间面具:

<md-list-item ng-repeat="timeMask in timeMasks" ng-click="selectTimeMask(timeMask)">
    <span>{{timeMask.name}}</span>
</md-list-item>

现在我正在尝试获取当天的时间交换,但我无法做到。目前我的代码如下所示:

<md-list-item ng-repeat="timeMask in timeMasks.timeMaskInterval">
    <span>{{timeMaskInterval.day}}</span>
</md-list-item>

如何在多层次上使用ng-repeat?

2 个答案:

答案 0 :(得分:1)

您可以这样做:

<md-list-item ng-repeat="timeMask in timeMasks" ng-click="selectTimeMask(timeMask)">
<md-list-item ng-repeat="interval in timeMask.timeMaskInterval">
<span>{{interval.day}}</span></md-list-item></md-list-item>

答案 1 :(得分:1)

在获得Days的第二个重复中,应该引用当前timeMask,它再次包含天数数组(因此需要为timeMask而不是timeMasks添加ng-repeat), 像timeMaskDays in timeMask.timeMaskInterval

一样使用
<md-list-item ng-repeat="timeMaskDays in timeMask.timeMaskInterval">
        <span>{{timeMaskDays.day}}</span>
    </md-list-item>