在HTML中使用变量替换的三元运算符

Question

在应用程序的侧面板中,我想显示"启用"或"禁用",我知道我可以编写两个不同的ng-if语句,但我想知道是否有一种聪明的方法可以在单行中执行.

作为参考,这里是我现在的工作:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="rightColumn" ng-if="selectedProject.backupEnabled">Enabled</div>
<div class="rightColumn" ng-if="!selectedProject.backupEnabled">Disabled</div>

这显然不是超级批评,但是要了解更多信息会很好

Answer 1

<div class="rightColumn">{{ selectedProject.backupEnabled ? 'Enabled' : 'Disabled' }}</div>

这会奏效.