我可以清理AngularJS模板中的这些ng-if语句吗？[副本]

Question

  <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语句吗？？

条件1、条件2和条件3是互斥的。但是，它们不是基于单个表达式，所以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。