AngularJS ng-if 三元条件属性使用答案

【问题标题】：AngularJS ng-if Ternary Conditional Attribute UseAngularJS ng-if 三元条件属性使用
【发布时间】：2019-01-24 20:59:27
【问题描述】：

让我们假设下面的 sudo 代码，正如你们专业人士所看到的，我想使用带有 ng-if 的三元条件来应用不同的 HTML title 属性。我尝试如下，但它没有工作

<td>
     <span ng-if="isOk == true ? title ="Is Ok" : title ="Is Not Ok"></span>
</td>

我知道我可以使用下面的代码在<td> 级别应用ng-if 实现我想要的目标

<td ng-if="isOk == true">
      <span title ="Is Ok"></span>
</td>
<td ng-if="isOk != true">
      <span title ="Is Not Ok"></span>
</td>

但我想知道天气我可以使用更少的代码，如三元检查并通过ng-if 实现我想要的？

感谢各位专业人士的支持

【问题讨论】：

我认为 ngIf 不可能。正如它在 AngularJS 网站上指定的那样：“ngIf 指令基于 {expression} 删除或重新创建 DOM 树的一部分。”更好的方法可能是编写一个新指令来实现此行为。

【解决方案1】：

正如在此线程中指定的：if else statement in AngularJS templates，您可以这样使用三元条件：

<span title="{{isOk ? 'Is Ok' : 'Is Not Ok'}}"></span>

【讨论】：