Javascript 在AngularJS html视图中是否有更干净的方法来执行if-else语句？

以下是我的代码：

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

{{row[header.key]}
{{row[header.key].siteName}

感觉在angular“*Js 1.5.5中可能有更干净的方法来实现这一点**

我在一篇评价很高的SO帖子上看到了下面的例子，但我并不真正理解它

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

{{ConditionVar？'varisture'：'varIsFalse'}

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

使用

使用

---

如果else使用的是

ngSwitch

，我希望它能工作

<div ng-switch="header.key">
   <span ng-switch-when="!location">
                {{ row[header.key] }}
  </span>
  <span ng-switch-when="location">
                {{ row[header.key].siteName }}
  </span>

{{row[header.key]}
{{row[header.key].siteName}

---

如果else使用的是

ngSwitch，则使用其他方法。我希望它能正常工作

<div ng-switch="header.key">
   <span ng-switch-when="!location">
                {{ row[header.key] }}
  </span>
  <span ng-switch-when="location">
                {{ row[header.key].siteName }}
  </span>


{{row[header.key]}
{{row[header.key].siteName}

这两个
ng if
和
ng switch
都创建了新的继承作用域。对于像本例这样小的角度表达式，三元运算符使用的开销要少得多。这两个
ng if
和
ng switch
都创建了新的继承作用域。对于像本例这样小的角度表达式，三元运算符使用了很多减少开销。