Angularjs 我可以在ng repeat和mingle插值中使用ng repeat吗?

Angularjs 我可以在ng repeat和mingle插值中使用ng repeat吗?,angularjs,angularjs-ng-repeat,angularjs-interpolate,Angularjs,Angularjs Ng Repeat,Angularjs Interpolate,我发现了一些其他的问题,人们试图把ng repeat放在ng repeat里面,这似乎是可行的。但是为了完成我需要做的事情,我想我还需要把第一个ng重复插入第二个ng重复。例如: 之前: <div class="mainDetails"> <li ng-repeat="x in mainLinks" class="{{x.id}}"><a href="{{x.link}}"><img src = "{{x.icon}}" width = "15p

我发现了一些其他的问题,人们试图把ng repeat放在ng repeat里面,这似乎是可行的。但是为了完成我需要做的事情,我想我还需要把第一个ng重复插入第二个ng重复。例如:

之前:

<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>
然后,由于我需要更多的“细节”,我所需要做的就是添加一个计数和爆炸:它也被添加到HTML中。无论如何,我认为这很聪明

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

JavaScript控制台中出现错误: 错误:[$parse:syntax]$parse/syntax?p0=x.count&p1=is%20意外的%2C%20预期的是%20%5B%3A%5D&p2=3&p3=%7B%7Bx。count%7D%7DLinks&p4=x.count%7D%7D%7DLinks 错误(本机) 在 在gb.throwError() 在gb时消耗() 在gb.object()处 在gb.primary() 在gb.一元() 在gb.乘法() 在gb.时,添加() 在gb.relational() 等于gb时() 在gb.logicalAND() 在gb.logicalOR() 在gb时,三元()
在gb.assignment()

不确定我是否正确地回答了您的问题,但以下是您可以尝试的:

<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>


  • 关键字
    模板表达式中的此
    解析为当前范围。然而,这一特性是没有文档记录的。因此,将这些数组作为控制器属性并使用可能更好。

    我可以在numOfMaps中保留x,但我确信您将其更改为做的事情与此相同。因为它在HTML中可能会很长,所以我将它保存在一个对象中。但是这个[name+'Links']中的y就成功了!
    $scope.numOfMaps=[{
            count:"main"
        },{
            count:"second"
        },{
            count:"third"
        }];
    
    <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>