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

在应用程序的侧面板中，我想要显示“启用”或“禁用”，我知道我可以编写两个不同的ng-if语句，但我想要查看是否存在一个聪明的方法就是在单线上做到这一点。在HTML中使用变量替换的三元运算符

仅供参考这里是我有这个权利现在工作：

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

这不是超临界很明显，但会整齐更多地了解

来源

2017-08-04 Dakota Maker

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

这将工作。

来源

2017-08-04 13:13:36 anu

如果您删除''ng-if =“selectedProject.backupEnabled”''它可能：P –

圆括号也是无用的。插值后还有一个“启用”，这是不需要的。 –

表达式之后的'Enabled'字符串。否则，我会假设你最终会显示“EnabledEnabled”或“DisabledEnabled” – mTv

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

回答

相关问题