angularjs – 有条件地在ng重复块中添加元素

发布时间：2020-12-17 07:46:39 所属栏目：安全来源：网络整理

导读：是否可以根据条件向标记添加东西？就像在这个例子中,当我想在第一次迭代中添加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.le

是否可以根据条件向标记添加东西？
就像在这个例子中,当我想在第一次迭代中添加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>

是的,AngularJS有两个指令：

> ng-show/ng-hide系列指令可用于隐藏(by
使用显示CSS规则)DOM的部分基于三个结果
评估表达式.
>如果我们想有条理地去除/添加DOM的部分
ng-switch指令系列(ng-switch,ng-switch-when,
ng-switch-default)将会很方便.

最后,两个解决方案都会产生相同的视觉效果,但是底层的DOM结构将会有所不同.对于简单的用例,ng-show / ng-hide可能是可以的,但DOM的较大部分应该使用ng-switch来处理.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!