我可以在 ng-repeat 中使用 ng-repeat 并混合插值吗？

Question

我发现了其他几个试图将 ng-repeat 放在 ng-repeat 中的人的问题，这似乎是可行的。但是为了完成我需要做的事情，我想我还需要从第一个 ng-repeat 到第二个 ng-repeat 进行插值。例如：

之前：

<div class="mainDetails">
    <li ng-repeat="x in mainLinks" class="{{x.id}}"><a href="{{x.link}}"><img src = "{{x.icon}}" width = "15px" height = "15px">{{x.name}}</a></li>
</div>
<div class="secondDetails">
    <li ng-repeat="x in secondLinks"><a href="{{x.link}}"><img src = "{{x.icon}}" width = "15px" height = "15px">{{x.name}}</a>
    </li>
</div>
<div class="thirdDetails">
    <li ng-repeat="x in thirdLinks" class="{{x.id}}"><a href="{{x.link}}"><img src = "{{x.icon}}" width = "15px" height = "15px">{{x.name}}</a>
    </li>
</div>

这可能会有点疯狂，尤其是因为我实际上已经达到了 "eighteenth"。

所以这就是我的想法：之后：

<div ng-repeat="x in numOfMaps" class="{{x.count}}Details">
    <li ng-repeat="y in {{x.count}}Links" class="{{y.id}}"><a href="{{y.link}}"><img src="{{y.icon}}" width="15px" height="15px">{{y.name}}</a></li>
</div>

numOfMaps 来自：

$scope.numOfMaps=[{
        count:"main"
    },{
        count:"second"
    },{
        count:"third"
    }];

然后，因为我需要更多 "Details"，所以我需要做的就是添加计数和繁荣：它也被添加到 HTML。反正我觉得挺聪明的..

该区域只是空白，没有显示任何内容。

Answer 1

不确定我是否正确回答了您的问题，但您可以尝试以下方法：

<div ng-repeat="name in ['main', 'first', 'second']" class="{{name}}Details">
    <li ng-repeat="y in this[name + 'Links']" class="{{y.id}}">
        <a href="{{y.link}}">
            <img src="{{y.icon}}" width="15px" height="15px">
            {{y.name}}
        </a>
    </li>
</div>

模板表达式中的关键字 this 解析为当前范围。然而，此功能是 AFAIK 未记录的。因此，最好将这些数组作为控制器属性并使用 controller as syntax.

我可以在 ng-repeat 中使用 ng-repeat 并混合插值吗？

Can I use an ng-repeat inside ng-repeat and mingle interpolates?

angularjs

angularjs-ng-repeat

angularjs-interpolate