Angular：使用带* ngIf的类

Question

<ul class="list-group"> 
    <li *ngFor="let t of todos; let i = index" class="list-group-item" >{{ t }}</li> 
</ul> 

t是一个字符串。我想有这样的元素，如果i == 0：

<li class="list-group-item active" >{{ t }}</li> 

而这种元素如果i > 0：

<li class="list-group-item" >{{ t }}</li> 

Answer 1

我喜欢用[class.####]符号对于这种事情。

<li *ngFor="let t of todos; let i = index" 
    class="list-group-item" 
    [class.active]="i === 0">{{ t }}</li> 

您也可以先使用。

<li *ngFor="let t of todos; let i = first" 
    class="list-group-item" 
    [class.active]="i">{{ t }}</li> 

Answer 2

你可以试试这个：

<li *ngFor="let t of todos; let i = index" class="list-group-item" [class.active]="i==0" >{{ t }}</li> 

Answer 3

<ul class="list-group"> 
    <li *ngFor="let t of todos; let i = index" class="list-group-item" > 
     <span [class.active]="i==0"> {{ t }} </span> 
    </li> 
</ul>