javascript - angular里一個關于ng-bind的問題
問題描述
<p class='IFreshMode'> <span ng-bind = 'freezerDoorStatus'></span> </p>
項目里面有這樣一段代碼 span綁定了 freezerDoorStatus 這個值有兩個 是true 一個false 這個p的class 可以根據boolean值改變 但是span里面總會顯示true false 有什么辦法不顯示 或者顯示成 開 關 么
問題解答
回答1:還不是很明白你的具體需求 看下是否對你有幫助使用ng-show='isOpen'或者ng-if='isOpen' 然后controller可以賦值$Scope.isOpen的值為ture或者false
回答2:ng-bind相當于代替表達式方式 {},例如:<span ng-bind='someValue' ></span> 等價于 <span>{{ someValue }}</span>
你如果需要控制樣式就需要用 ng-class,ng-style, 需要控制顯示就使用 ng-if or ng-show,例如:<span ng- ></span>
回答3:上面介紹ng-bind的使用正確,即<span ng-bind = 'freezerDoorStatus'></span>相當于<span>{{freezerDoorStatus}}</span>.但是在設置樣式的時候可以使用ng-style或者ng-class來根據變量的值(true/false)來控制樣式是否顯示。可使用<p ng-class='freezerDoorStatus ? IFreshMode : ’otherClass’'></p>或者使用ng-style,如下 <p ng-style='{’color’:iconColor}'></p>??梢栽敿毴ngular官網https://docs.angularjs.org/ap...看看詳細介紹。
相關文章:
1. MySQL中無法修改字段名的疑問2. angular.js - angularjs的自定義過濾器如何給文字加顏色?3. angular.js - angular內容過長展開收起效果4. javascript - 如何讓移動端網頁的輸入框固定在底部?5. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應6. 大家好,請問在python腳本中怎么用virtualenv激活指定的環境?7. javascript - 微信小程序封裝定位問題(封裝異步并可能多次請求)8. python的前景到底有大?如果不考慮數據挖掘,機器學習這塊?9. android - QQ物聯,視頻通話10. javascript - 微信小程序限制加載個數
