javascript - 如果循环中的最后一个属性不同，则 Angular 添加元素

Question

我的比赛(如在游戏中) Controller 中有一个包含对象的数组:

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

在我的 html 中，我循环对象:

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

我怎样才能添加一个额外的div，比如

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

如果 tile.zPos 属性与上一个循环不同，那么每个唯一的 zPos 属性都有一个唯一的 div。我尝试达到的结果看起来像

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

Answer 1

您可以使用 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>