在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中使用變量替換的三元運算符

回答

相關問題