問題描述

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

項(xiàng)目里面有這樣一段代碼 span綁定了 freezerDoorStatus 這個(gè)值有兩個(gè) 是true 一個(gè)false 這個(gè)p的class 可以根據(jù)boolean值改變 但是span里面總會(huì)顯示true false 有什么辦法不顯示 或者顯示成 開 關(guān) 么

問題解答

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

ng-bind相當(dāng)于代替表達(dá)式方式 {}，例如：<span ng-bind='someValue' ></span> 等價(jià)于 <span>{{ someValue }}</span>

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

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