我有一个用户列表，我需要在每个用户上创建徽章圈（绿色 / 红色），对于活动用户有圆圈绿灯，对于非活动用户有圆圈红灯..谢谢
1
以下是如何动态生成状态：
<li *ngFor="let user of users">
<span class="dot" [ngClass]="{'active': (user.status==='on'), 'inactive':(user.status === 'off')}"></span>
{{user.name}}
</li>
是工作示例：Stackblitz Example
0
使用字体真棒。然后使用 angular 指令设置类。像这样:
<i class="fas fa-power-off" [class.on]=”isOn” (click)=“onClick()></i>
Css
i{color:red;} i.on{color:green}
打字稿
on=false;
onClick():void{
this.on=!this.on;
}
本站系公益性非盈利分享网址，本文来自用户投稿，不代表边看边学立场，如若转载，请注明出处
评论列表（66条）