mat-slide-toggle显示数据。 Angular 5

Question

我在html中编写显示数据的代码。我想在mat-slide-toggle中显示数据。一切看起来都不错，我的mat-slide-toggle工作得很好，在html中，当值为1时未显示检查，或者在值为0时未检查。 你能告诉我任何想法吗？

我的HTML代码：

   <form [formGroup]="productform" class="col s12" materialize>
                <mat-slide-toggle formControlName="active" id="device" (change)="onChange($event)" [(ngModel)]="devicee[i]" (click)="onproduct()">
                </mat-slide-toggle>
                {{device}}
              </form>

我的ts代码：

   this.productform= this.fb.group({
      'active': new FormControl('', Validators.required),

    });
   populateFormProduct() {
        this.productform.setValue({
          active: this.device
        })
        console.log(this.device)
      }



  onChange(value) {

    if (value.isChecked === true) {
      this.device = 1; 
    } else  {
      this.device = 0;
    }

  }

我想设置active: this.device因为我想在html中选择这个值。

感谢您的帮助。如有任何问题，请写信给我。

Answer 1

当我使用这个HTML代码时：

  <mat-slide-toggle  formControlName="active" (change)="onChange($event)" (click)="onproduct()"></mat-slide-toggle> {{device}} 

结果就像在照片中一样：

始终检查设备。在这部分中，我想仅在状态为1时显示，而在状态为0时不检查。

当我使用这个HTML代码时

<button formControlName="active" (click)="onChange($event) ; onproduct()"></button>

结果如照片