两个NG重复(AngularJS)的唯一ID



是否有可能影响两个NG重复指令内的DIV的唯一ID?请参阅Bellow示例:

<!--data: [[{id: 'A'},{id: 'B'},{id: 'C'}], [{id: 'X'},{id: 'Y'}]]-->
<div ng-repeat = "item in data">
     <div ng-repeat = "sub-item in item">
        <div id = "{{$index}}">
     </div>
</div>

预期输出:

<!--first ng-repeat-->
<div id = "1">
<div id = "2">
<div id = "3">
<div id = "4"> <!--start second array-->
<div id = "5">

不是:

<div id = "1">
<div id = "2">
<div id = "3">
<div id = "1"> <!--start second array-->
<div id = "2">

更新:我认为track by $ parent。$ index在此用例中都可以使用,显然我们必须计算每个子阵列的长度,以便获得精确的增量计数器。我目前正在尝试组合两个Ng-Init。一旦我得到一些工作

,我将更新帖子

我终于使它工作了,这是我的尝试:

<div ng-repeat = "item in data" ng-init = "count = 0">
 <div ng-repeat = "sub-item in item" ng-init="count = count + data[$parent.$index -1].length">
    <div id = "{{count+$index+1}}">
 </div>

如果您有更合适的解决方案,请随时编辑

最新更新