Angular 角度*ngIf在3个类之间切换

我在angular中有一个div，我想在3个类之间切换

因此，在html中，我有：

<div *ngIf="status">Content Here</div>

状态可以有3个值

closed, opened or hidden.

根据状态值，我需要向div添加不同的类或css

我该怎么做呢？

您需要使用ngClass来实现这一点

 <div *ngIf="status" 
       [ngClass]="{'closedClass': status == 'closed', 
                   'openedClass': status == 'opened', 
                   'hiddenClass': status == 'hidden' }">Content Here</div>

希望这有帮助：

您需要使用ngClass来实现这一点

 <div *ngIf="status" 
       [ngClass]="{'closedClass': status == 'closed', 
                   'openedClass': status == 'opened', 
                   'hiddenClass': status == 'hidden' }">Content Here</div>

---

希望这有帮助：

有很多方法，最简单的是：

<div [class.class1]="status == 'closed'" [class.class2]="status == 'opened'" [class.class3]="status == 'hidden'">Content Here</div>

您还可以使用ngClass：

<div [ngClass]="{ 'class1':status == 'closed', 'class2':status == 'opened' ... }"></div>

---

有很多方法，最简单的是：

<div [class.class1]="status == 'closed'" [class.class2]="status == 'opened'" [class.class3]="status == 'hidden'">Content Here</div>

您还可以使用ngClass：

<div [ngClass]="{ 'class1':status == 'closed', 'class2':status == 'opened' ... }"></div>

见