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

Question

How can I set a default value for the slide toggle ?

I can set an initial value for my property in ngOnInit, but there must be an '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>

Thank you!

Answer 1

You can just use ngModel in your html:

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

Answer 2

if you use reactive forms you can set default value like below:

mySlideToggle= new FormControl(true,[Validators.required]);