javascript - 检查 ng-if 的值，如果没有则显示其他内容

Question

我从服务器获取响应为 Json(包含 color.mix 和 color.pure)并直接传递到模板，因此，在此模板中我需要知道是否有值才能显示它或显示其他值

<span ng-if="color.mix">{{color.mix}}</span>

但是，如果这个值没有出现，我需要显示“纯”值，所以我这样做了(错误!!)

<span ng-if="!color.mix">{{color.pure}}</span>
<span ng-if="color.mix">{{color.mix}}</span>

但是，当两者都出现时，两者都会被展示。

我怎样才能实现这个目标？

( Angular 1.6)

Answer 1

<span>{{color.mix ? color.mix : color.pure}}</span>