我可以在AngularJS模板中清理这些ng-if语句吗？ [重复]

Question

这个问题已经在这里有了答案：

• AngularJS模板中的if else语句 9回答

我有以下AngularJS模板。

  <tr>
    <td ng-if="condition1">
      Hello World
    </td>
    <td ng-if="condition2">
      A <a ui-sref="mystate1({a: 1, b: 2})"></a>
    </td>
    <td ng-if="condition3">
      B <a ui-sref="mystate1({a: 1, b: 2})"></a>
    </td>
  </tr>

我可以简化或清理这三个ng-if语句吗？

condition1 ， condition2和condition3是互斥的。 但是，它们不是基于单个表达式，所以switch语句不起作用？ 我可以使用if-then-else构造吗？

Answer 1

如果它们是互斥的，那么可以，您可以简化condition2和condition3，并且仅对它们使用一个条件（因为输出是相同的）。

编辑：根据您的更新，您可以简化这样的逻辑：

<tr>
<td ng-if="condition1">
  Hello World
</td>
<td ng-if="condition2 || condition3">
  {{condition2 ? 'A' : 'B'}}
  <a ui-sref="mystate1({a: 1, b: 2})"></a>
</td>

或者您也可以使用ng-switch。