javascript – Eine Frage zu ng-bind in Angular
扔个三星炸死你
扔个三星炸死你 2017-06-17 09:15:39
0
3
893
<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?

扔个三星炸死你
扔个三星炸死你

Antworte allen(3)
大家讲道理

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

淡淡烟草味

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>

我想大声告诉你

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage