javascript - angular裡一個關於ng-bind的問題

Question

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

專案裡面有這樣一段程式碼span綁定了freezerDoorStatus 這個值有兩個是true 一個false 這個p的class 可以根據boolean值改變但是span裡面總是會顯示true false 有什麼辦法不顯示或顯示成開關麼

Answer 1

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

Answer 2

ng-bind相當於代替表達式方式{}，例如：

等價於

你如果需要控制樣式就需要用ng-class,ng-style, 需要控制顯示就需要用ng-class,ng-style, 需要控制顯示就使用
ng-if or ng-show

,例如:🎜🎜🎜🎜

Answer 3

上面介紹ng-bind的使用正確，即相當於{{freezerDoorStatus}}.
但是在設定樣式的時候可以使用ng -style或ng-class來根據變數的值(true/false)來控制樣式是否顯示。
可使用

或使用ng-style,如下

。
可以詳細去angular官網https://docs.angularjs.org/ap...看看詳細介紹。