title: mat-slide-toggle displays the wrong value
body: <p>My problem is that the mat-slide-toggle has the right value but it displays it wrong, also set value all product</p>
  
  <p>For example html code:</p>
  
  <pre><code>   &lt;form [formGroup]="activeHomeboxPForm"&gt;
              &lt;mat-slide-toggle
               formControlName="active" 
               (change)="onChange($event)"
               [(ngModel)]="device"
               (click)="onActiveHomeboxP(item.homeboxpackage_id)"&gt;
              &lt;/mat-slide-toggle&gt;
              {{device}}
            &lt;/form&gt;
  </code></pre>
  
  <p>ts code</p>
  
  <pre><code>  onChange(value) {
      if (value.checked === true) {
        this.device = 1;
        console.log(1);
      } else {
        this.device = 0;
        console.log(0);
      }
    }
  </code></pre>
  
  <p>Can you suggest me what is the problem in this code?
  Show in: <a href="https://stackblitz.com/edit/angular-zafcmh-rvgjhs?file=app%2Fslide-toggle-configurable-example.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-zafcmh-rvgjhs?file=app%2Fslide-toggle-configurable-example.html</a></p>
  
  <p>Thnx</p>