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>。可以詳細去angular官網https://docs.angularjs.org/ap...看看詳細介紹。
相關文章:
1. Python處理Dict生成json2. (python)關于如何做到按win+R再輸入文件文件名就可以運行?3. 想練支付寶對接和微信支付對接開發(Java),好像個人不可以,怎么弄個企業的4. mysql - Sql union 操作5. java - Mybatis 數據庫多表關聯分頁的問題6. 急急急!!!求大神解答網站評論問題,有大神幫幫小弟嗎7. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量8. python - 如何使用websocket在網頁上動態示實時數據的折線圖?9. python - 請問這兩個地方是為什么呢?10. python2.7 - python 正則前瞻 后瞻 無法匹配到正確的內容
