如何在垫子上切换文本幻灯片

Question

如何将文本放在垫子幻灯片上切换，比如当它为true时，我想将其显示为已分配，当它为false时，不显示

<mat-slide-toggle (click)="openDialog1(element.courseId, true )" [checked]="checked">Assign All</mat-slide-toggle> 

Answer 1

删除[checked]="checked"并使用[(ngModel)]，并显示基于标志的html内容，如图-

<mat-slide-toggle (click)="openDialog1(element.courseId, true )" [(ngModel)]="checked">{{ checked ? 'assigned' : 'not assigned' }}</mat-slide-toggle>

在ts文件中声明一个标志-

checked: boolean;