Angularjs 我可以在ng repeat和mingle插值中使用ng repeat吗?
我发现了一些其他的问题,人们试图把ng repeat放在ng repeat里面,这似乎是可行的。但是为了完成我需要做的事情,我想我还需要把第一个ng重复插入第二个ng重复。例如: 之前: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
<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>