[英]Angular: use a class with *ngIf
<ul class="list-group">
<li *ngFor="let t of todos; let i = index" class="list-group-item" >{{ t }}</li>
</ul>
t
is a string. t
是一个字符串。 I want to have this element if i == 0
: 如果i == 0
我想拥有这个元素:
<li class="list-group-item active" >{{ t }}</li>
and this element if i > 0
: 如果i > 0
,则此元素:
<li class="list-group-item" >{{ t }}</li>
您可以尝试以下方法:
<li *ngFor="let t of todos; let i = index" class="list-group-item" [class.active]="i==0" >{{ t }}</li>
I like to use [class.####]
notation for this sort of thing. 我喜欢对这种事情使用[class.####]
表示法。
<li *ngFor="let t of todos; let i = index"
class="list-group-item"
[class.active]="i === 0">{{ t }}</li>
You can also use first. 您也可以先使用。
<li *ngFor="let t of todos; let i = first"
class="list-group-item"
[class.active]="i">{{ t }}</li>
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.