javascript – Eine Frage zu ng-bind in Angular

Question

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

Es gibt einen solchen Code im Projekt. Der Wert span ist an den Wert „true“ und den Wert „false“ gebunden. Die Klasse von p kann entsprechend dem booleschen Wert geändert werden, der Wert span jedoch immer Gibt es eine Möglichkeit, es nicht anzuzeigen oder als aktiviert oder deaktiviert anzuzeigen?

Answer 1

还不是很明白你的具体需求 看下是否对你有帮助
使用ng-show="isOpen"或者ng-if="isOpen"
然后controller可以赋值$Scope.isOpen的值为ture或者false

Answer 2

ng-bind相当于代替表达式方式 {}，例如：
<span ng-bind="someValue" ></span>
等价于
<span>{{ someValue }}</span>

你如果需要控制样式就需要用 ng-class,ng-style, 需要控制显示就使用 ng-if or ng-show,例如:
<span ng-style="{ backgroundColor : yourCondition ? 'red' : 'yellow' }" ></span>

Answer 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...看看详细介绍。