AngularJS中$ parent。$ index的意外行为

时间:2017-03-20 14:31:37

标签: javascript angularjs

我有这样的代码:

      <script type="text/ng-template" id="something.html">
         <div>
           Hey!
         </div>
     </script>

    <div ng-repeat="colum in columns">
   <ul>
      <li ng-repeat="list in column" id="{{$parent.$index}}" ng-include="something.html">
      </li>
   </ul>
</div>

在li元素上将id指定为1,2,3,4。我期待如果列有4个元素,那么ul元素中的li的id应该是0,0,0,0。

渲染的DOM类似于:

<div>
   <ul>
      <li id="0">
      </li>
      <li id="1">
      </li>
   </ul>
</div>
<div>
<ul>
   <li id="0">
   </li>
   <li id="1">
   </li>
</ul>
</div>

我期望的DOM:

<div>
   <ul>
      <li id="0">
      </li>
      <li id="0">
      </li>
   </ul>
</div>
<div>
<ul>
   <li id="1">
   </li>
   <li id="1">
   </li>
</ul>
</div>

如果我错过了一些明显的东西,请道歉。

0 个答案:

没有答案