使用条件表达式的AngularJS ng-style

17 浏览
0 Comments

使用条件表达式的AngularJS ng-style

我正在以这种方式处理我的问题：

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

但为了避免在控制器端使用此函数，我更希望像这样做：

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

我该怎么做？

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

正如@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'}"

0
0 Comments

简单的例子：





{'background-color':'green'} 返回 true


或者相同的结果：








其他的条件可能性：







									

				

									

			

			
0