angular - 如何为 Angular Material Slide Toggle 设置默认值？

Question

如何为滑动切换设置默认值？

我可以在 ngOnInit 中为我的属性设置一个初始值，但必须有一个“Angular Way”

        <mat-slide-toggle
          [checked]="system.ignoreUser"
          (toggleChange)="system.ignoreUser= !system.ignoreUser">
          <span *ngIf="system.ignoreUser">{{'ignoreUser' | translate}}</span>
          <span *ngIf="!system.ignoreUser">{{'ignoreUser' | translate}}</span>
        </mat-slide-toggle>

谢谢！

标签： angularangular-material

Answer 1

你可以ngModel在你的 html 中使用：

<mat-slide-toggle [(ngModel)]="system.ignoreUser">
    <span *ngIf="system.ignoreUser">{{'ignoreUser' | translate}}</span>
    <span *ngIf="!system.ignoreUser">{{'ignoreUser' | translate}}</span>
</mat-slide-toggle>