Javascript html元素集样式的角度 {{day}

我的问题是，当我使用ngClass时，如何将样式添加到列表中指定的元素中，将样式添加到所有元素中？可以使用方法向元素添加pass引用并设置样式？

您可以使用

<ul class="days">
    <liclass="day" *ngFor="let day of currentDays; let i = index"(click)="setStyle()">
        {{day}}
    </li> 
  </ul>

---

其中

first

、

second

和

third

是您的类，

true

、

true

、

false

是表达式。在上面的示例中，将同时应用第一类和第二类。

您可以为每个

元素设置不同的
类

<li [ngClass]="{'first': true, 'second': true, 'third': false}">

您可以将ngClass本身与条件一起使用。可以用变量替换RequiredDay字符串

.day1{
...
}



{{day}


您可以使用ngStyle有条件地设置。请参阅以下代码

<ul class="days">
    <li [ngClass]="{'desiredClass':day === 'RequiredDay'}" *ngFor="let day of currentDays; let i = index" (click)="setStyle()">
       {{day}}
    </li> 
 </ul>

tell要获得更多帮助，我认为您应该对所有内容使用类，以便能够在样式表中更改内容。也就是说，基于给定迭代的属性，您可以为它指定一个特定的类或一组类。
<ul class="days">
    <li *ngFor="let day of currentDays; let i = index" [class]="'day'+(index+1)">
        {{day}}
    </li> 
  </ul>

.day1{
...
}

<ul class="days">
    <li [ngClass]="{'desiredClass':day === 'RequiredDay'}" *ngFor="let day of currentDays; let i = index" (click)="setStyle()">
       {{day}}
    </li> 
 </ul>

<div [ngStyle]="{'background-color':isTrue === true ? 'green' : 'red' }"></<div>