javascript - angular里一個關于ng-bind的問題

問題描述

<p class='IFreshMode'> <span ng-bind = 'freezerDoorStatus'></span> </p>

項目里面有這樣一段代碼 span綁定了 freezerDoorStatus 這個值有兩個 是true 一個false 這個p的class 可以根據boolean值改變 但是span里面總會顯示true false 有什么辦法不顯示 或者顯示成 開 關 么

問題解答

還不是很明白你的具體需求 看下是否對你有幫助使用ng-show='isOpen'或者ng-if='isOpen' 然后controller可以賦值$Scope.isOpen的值為ture或者false

ng-bind相當于代替表達式方式 {}，例如：<span ng-bind='someValue' ></span> 等價于 <span>{{ someValue }}</span>

你如果需要控制樣式就需要用 ng-class,ng-style, 需要控制顯示就使用 ng-if or ng-show,例如:<span ng- ></span>

上面介紹ng-bind的使用正確，即<span ng-bind = 'freezerDoorStatus'></span>相當于<span>{{freezerDoorStatus}}</span>.但是在設置樣式的時候可以使用ng-style或者ng-class來根據變量的值(true/false)來控制樣式是否顯示?？墒褂?lt;p ng-class='freezerDoorStatus ? IFreshMode : ’otherClass’'></p>或者使用ng-style,如下 <p ng-style='{’color’:iconColor}'></p>。可以詳細去angular官網https://docs.angularjs.org/ap...看看詳細介紹。