如何为多个条件编写内联 ng 样式

Posted 2023-03-06

技术标签:

【中文标题】如何为多个条件编写内联 ng 样式【英文标题】：How to write inline ng-style for multiple conditions 【发布时间】：2021-06-23 16:42:48 【问题描述】：

我正在尝试为这种格式的多个条件编写内联 ng 样式；

<div ng-style="thisCondition && 'background-color':'black',thisCondition2 && 'color':'green'">

但是这段代码没有做任何事情，请问有什么方法可以检查内联 ng 样式中的多个条件吗？

【问题讨论】：

【参考方案1】：

您应该将您的样式包装在 css 类中并使用 ng-class ：

ng-class="myClass_1: myVar == true, myClass_2: myVar != true..."

【讨论】：

以上是关于如何为多个条件编写内联 ng 样式的主要内容，如果未能解决你的问题，请参考以下文章