角度附加元件是在环

不同我在我的匹配处理对象的阵列（如在游戏中）控制器：角度附加元件是在环

<p ng-repeat="tile in matches.tiles"> 
     z{{tile.zPos}} - {{tile.name}} 
    </p>

：

var tiles = [{name:"test",zPos:0}, 
    {name:"test2",zPos:0}, 
    {name:"test3",zPos:1}, 
    {name:"test4",zPos:2}]

在我的HTML我环与所述对象

我如何可以添加一个额外的div像

<div class="newzindex"></div>

如果tile.zPos属性是从最后的循环不同，那么日在我有一个独特的div每个独特的zPos属性。我努力才达到的结果会是什么样子

<p> 
     z0 - test 
    </p> 
    <p> 
     z0 - test2 
    </p> 
    <div class="newzindex"></div> 
    <p> 
     z1 - test3 
    </p> 
    <div class="newzindex"></div> 
    <p> 
     z2 - test4 
    </p>

来源

2016-05-17 Sven van den Boogaart

这是一个有点混乱，对我来说：“从不同最后一个循环“与”每个独特的zPos有一个独特的div“。那是哪一个？因此，如果我们继续以你为例，如果'z0'在'z2'后面，那么它是否应该创建一个新的div？ –

@循环中的johnsmith（ng-repeat）我想查看属性是否与先前的迭代相同。如果不是，我想要显示一个特定的div –

Roger，那么我会建议在这个问题中重新解释它。（但它可能只是我... :)） –

您可以使用ng-repeat-start和ng-repeat-end指令（https://docs.angularjs.org/api/ng/directive/ngRepeat）

HTML

<p ng-repeat-start="tile in matches.tiles "> 
    z{{tile.zPos}} - {{tile.tile.name}} 
</p> 
<div ng-if="matches.tiles[$index + 1].zPos != tile.zPos" ng-repeat-end class="newzindex"></div>

来源

2016-05-17 22:41:26

角度附加元件是在环

回答

相关问题