是否有更简洁的方法在AngularJS html视图中执行if else语句？

Question

这是我的代码:

<td ng-repeat="header in vm.headers">
    <span ng-if="header.key !='location'">
        {{ row[header.key] }}
    </span>
    <span ng-if = "header.key =='location'">
        {{ row[header.key].siteName }}
    </span>
</td>

感觉可能有更清洁的方式来做角度"*Js 1.5.5**

我在一篇评价很高的SO帖子上看到了以下例子,但我真的不明白.他们展示的代码如下

<div>{{ConditionVar ? 'varIsTrue' : 'varIsFalse'}}</div>

谁能告诉我如何将我的两个ng-if语句转换为上面的例子,还是一个更好的例子？

Answer 1

使用三元运算符

{{ row[header.key] === 'location' ? row[header.key].siteName : row[header.key] }}