angularjs - 在 ng-repeat block 中有条件地添加元素

Question

是否可以根据条件向标记添加内容？
就像在这个例子中，当我想添加 td仅在第一次迭代时(仅适用于 myData 的第一个元素)？

<tr ng-repeat="m in myData">
   <td>{{m.Name}}</td>
   <td>{{m.LastName}}</td>

   @if myData.indexOf(m) = 0 then // something like that
   <td rowspan ="{{m.length}}">
      <ul>
        <li ng-repeat="d in days">
           {{d.hours}}
        </li>
      </ul>
   </td> 
</tr>

Answer 1

是的，AngularJS 在这种情况下有 2 个指令:

ng-show/ng-hide指令族可用于隐藏(通过
使用显示 CSS 规则)部分 DOM 三基于一个结果
评估一个表达式。

如果我们想有条件地物理删除/添加部分 DOM
家人ng-switch指令(ng-switch、ng-switch-when、
ng-switch-default) 会派上用场。

归根结底，两种解决方案都将提供相同的视觉效果，但底层 DOM 结构将有所不同。对于简单的用例，ng-show/ng-hide 可能没问题，但 DOM 的大部分应该用 ng-switch 处理。

对于这个问题的用例，我建议使用 ng-switch。