距开课0天0时0分-10058708秒
扔个三星炸死你2017-06-17 09:15:39 0 3 414
[AngularJS讨论组]举报回复话题 ↕
<p class="IFreshMode"> <span ng-bind = "freezerDoorStatus"></span> </p>
项目里面有这样一段代码 span绑定了 freezerDoorStatus 这个值有两个 是true 一个false 这个p的class 可以根据boolean值改变 但是span里面总会显示true false 有什么办法不显示 或者显示成 开 关 么
3
0
分享
大家讲道理 2017-06-17 09:17:393楼
还不是很明白你的具体需求 看下是否对你有帮助使用ng-show="isOpen"或者ng-if="isOpen" 然后controller可以赋值$Scope.isOpen的值为ture或者false
赞 +0添加回复
淡淡烟草味 2017-06-17 09:17:392楼
ng-bind相当于代替表达式方式 {}，例如：<span ng-bind="someValue" ></span> 等价于 <span>{{ someValue }}</span>
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-class
ng-style
ng-if
ng-show
<span ng-style="{ backgroundColor : yourCondition ? 'red' : 'yellow' }" ></span>
我想大声告诉你 2017-06-17 09:17:391楼
上面介绍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...看看详细介绍。
大家讲道理 2017-06-17 09:17:393楼
还不是很明白你的具体需求 看下是否对你有帮助
使用ng-show="isOpen"或者ng-if="isOpen"
然后controller可以赋值$Scope.isOpen的值为ture或者false
赞 +0添加回复
淡淡烟草味 2017-06-17 09:17:392楼
ng-bind相当于代替表达式方式{}，例如：<span ng-bind="someValue" ></span>等价于
<span>{{ someValue }}</span>你如果需要控制样式就需要用
ng-class,ng-style, 需要控制显示就使用ng-iforng-show,例如:<span ng-style="{ backgroundColor : yourCondition ? 'red' : 'yellow' }" ></span> 赞 +0添加回复
我想大声告诉你 2017-06-17 09:17:391楼
上面介绍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...看看详细介绍。
赞 +0添加回复