How can I set a default value for Angular Material Slide Toggle?

Issue

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!

Solution

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>

Answered By - topmoon