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

小编典典

all

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

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

但是为了避免在控制器端使用这个功能，我更愿意做这样的事情：

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

我怎样才能做到这一点？

阅读 77

2022-04-25

共1个答案

小编典典

正如@Yoshi 所说，从 Angular 1.1.5 开始，您无需任何更改即可使用它。

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

.largeWidth {
    width: 100%;
}

.smallWidth {
    width: 0%;
}

// [...]

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

2022-04-25