javascript - 有没有更干净的方法在 AngularJS html View 中执行 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>

感觉可能有一种更干净的方法可以用 Angular “*Js 1.5.5**来做到这一点

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

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

谁能告诉我如何将两个 ng-if 语句转换为上面的示例或更好的示例？

Answer 1

使用ternary operator

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