angular - 如何在 mat-slide-toggle 上制作文字

Question

如何在 mat-slide-toggle 上放置文本，例如当它为 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;