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)來控制樣式是否顯示??墒褂?lt;p ng-class='freezerDoorStatus ? IFreshMode : ’otherClass’'></p>或者使用ng-style,如下 <p ng-style='{’color’:iconColor}'></p>??梢栽敿毴ngular官網https://docs.angularjs.org/ap...看看詳細介紹。
相關文章:
1. css - C#與java開發Windows程序哪個好?2. mysql無法添加外鍵3. css - 定位為absolute的父元素中的子元素 如何設置在父元素的下面?4. java - Mybatis查詢數據庫時出現查詢getInt()的錯誤5. JavaScript事件6. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?7. javascript - es6將類數組轉化成數組的問題8. 在mac下出現了兩個docker環境9. css3 - flex 父標簽設置align-item:center,子元素flex:1,不起作用10. java - 是否類 類型指針、引用作為形參 ,函數結束不會自動析構類?
