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

时间:2018-08-17 19:29:50

标签: html asp.net angularjs user-interface

让我们假设下面的sudo代码,正如您的专业人员所看到的,我想对ng-if使用三元类型的条件来应用不同的HTML title属性。 我按如下方法尝试过,但没有成功

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

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

<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实现我想要的功能?

谢谢你在疏散中的专业人士

1 个答案:

答案 0 :(得分:0)

正如在此线程中指定的那样:if else statement in AngularJS templates,您可以通过以下方式使用三元条件:

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