html – 如何在保持DRY的同时在多个元素中应用ng-if(或其他条件)

发布时间：2020-12-14 22:25:13 所属栏目：资源来源：网络整理

导读：我想显示一些 td基于相同条件的元素。我目前正在使用多个相同的ng-if指令，因此： tbody tr td Display unconditionally /td td Same here... (imagine more columns) /td ... td ng-if='myCondition' Display based on condition /td td ng-if='myCondition

我想显示一些< td>基于相同条件的元素。我目前正在使用多个相同的ng-if指令，因此：

<tbody>
  <tr>
    <td> Display unconditionally </td>
    <td> Same here... (imagine more columns) </td>
    ...
    <td ng-if='myCondition'> Display based on condition </td>
    <td ng-if='myCondition'> And the same </td>
    <td ng-if='myCondition'> for plenty of columns </td>
  </tr>
</tbody>

虽然这个工作，但不禁要注意到所有的重复。有什么想法，我怎么可以干吗？

解决方法

使用ng-if-start和ng-if-end

<table>
    <tr>
      <td ng-if-start="false" >one</td>
      <td>two</td>
      <td ng-if-end >three</td></td>
      <td>foure</td>
      <td>five</td>

      </tr>
    </table>

Plunker

（编辑：李大同）

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