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

发布时间：2020-12-17 09:14:26 所属栏目：安全来源：网络整理

导读：现在，我正在处理我的问题： ng-style="{ width: getTheValue() }" 但是为了避免在控制器端有这个功能，我更喜欢做这样的事情： ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" 我如何做到这一点？谢谢！作为@Yoshi说，从角1.1.5你可以使用

现在，我正在处理我的问题：

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'}"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!