具有条件表达式的AngularJS ng样式

Question

我正在这样处理我的问题：

ng-style="{ width: getTheValue() }"

但是为了避免在控制器端具有此功能，我更喜欢这样做：

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

我怎样才能做到这一点？

Answer 1

正如@Yoshi所说，从1.1.5角度开始，您可以使用它而无需进行任何更改。

如果使用angular <1.1.5，则可以使用ng-
class
。

.largeWidth {
    width: 100%;
}

.smallWidth {
    width: 0%;
}

// [...]

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