angularjs – 带条件表达式的Angular ng风格

前端之家收集整理的这篇文章主要介绍了angularjs – 带条件表达式的Angular ng风格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
现在,我正在处理我的问题:
ng-style="{ width: getTheValue() }"

但是为了避免在控制器端有这个功能,我更喜欢做这样的事情:

ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }"

我如何做到这一点?谢谢!

作为@Yoshi说,从角1.1.5你可以使用它没有任何更改。

如果使用angular < 1.1.5,可以使用ng-class

.largeWidth {
    width: 100%;
}

.smallWidth {
    width: 0%;
}

// [...]

ng-class="{largeWidth: myVar == 'ok',smallWidth: myVar != 'ok'}"

猜你在找的Angularjs相关文章