javascript - 我可以清理 AngularJS 模板中的这些 ng-if 语句吗？

Question

这个问题已经有答案了:

if else statement in AngularJS templates (10 个回答)

已关闭 6 年前。

我有以下 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

如果它们是互斥的，那么是的，您可以简化条件 2 和条件 3，并且仅对两者使用一个条件(因为输出是相同的)。

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

<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。