mat-slide-toggle 显示错误的值

Question

我的问题是 mat-slide-toggle 的值正确但显示错误，还设置了所有产品的值

例如html代码：

   <form [formGroup]="activeHomeboxPForm">
            <mat-slide-toggle
             formControlName="active" 
             (change)="onChange($event)"
             [(ngModel)]="device"
             (click)="onActiveHomeboxP(item.homeboxpackage_id)">
            </mat-slide-toggle>
            {{device}}
          </form>

ts 代码

  onChange(value) {
    if (value.checked === true) {
      this.device = 1;
      console.log(1);
    } else {
      this.device = 0;
      console.log(0);
    }
  }

你能告诉我这段代码有什么问题吗？ 显示在：https://stackblitz.com/edit/angular-zafcmh-rvgjhs?file=app%2Fslide-toggle-configurable-example.html

谢谢

Answer 1

根据文档，您应该使用 [checked]="checked" 而不是单击/更改。

请参考这里。您也可以在示例选项卡中查看示例。

https://material.angular.io/components/slide-toggle/examples