Question

我的html模板中有一个条件，该条件循环遍历对象并创建项目列表。我研究了[NgClass]，因为我需要根据特定项目的条件设置行的类。因此，我的理解和测试表明，NgClass是基于变量设置的。我希望它在每个循环中检查是否true/false。所以基本上我想要 <div [ngClass]="{'redclass': {{hour.enoughrest}}}">但是，这当然行不通。有任何想法吗？我觉得解决方案很明显，但我很茫然。

Answer 1

使用ngClass绝对有可能。看看示例是否有帮助。

switch

Answer 2

使用此格式：

 [ngClass]="{'yourClassName': condition}"

Answer 3

如果要基于条件应用类，请尝试以下操作：

<div [class.redclass]="hour.enoughrest">
</div

Answer 4

有几种动态更改类的方法。

<div [ngClass]="{'redclass': hour.enoughrest}">

或

[class.redclass]="hour.enoughrest"

或者如果您想根据条件添加课程

<div [className]="condition ? 'example-class' : 'other-class'"></div>

此外，如果您要进行样式更改，则可以动态更改NgStyle并将样式更新为波纹管。

<p [ngStyle] = “{backgroundColor : getColor() }” >

in .ts file
getColor() {
  return this.serverStatus === ‘online’? ‘green’: ‘red’;
}

在for循环中动态设置样式

4 个答案: