如何在Angular 5中初始化Material Design的mat-slide-toggle？

Question

我无法在响应式表单中初始化 mat-slide-toggle。

我在模板中有类似的东西

<mat-slide-toggle name="X" formControlName="X" color="primary"></mat-slide-toggle>

在我正在做的控制器中

X:  new FormControl(true, [
      Validators.required
    ])

我也尝试过用 1 或 0 或 false 代替 true，但我没有选择默认值。

如果有人可以帮助我，我将不胜感激，非常感谢。

Answer 1

恕我直言，您的代码有问题。你应该这样做：

<mat-slide-toggle [formControlName]="X" [checked]="X.value" (click)="X.value =!X.value" color="primary">{{X.value ? 'ON' : 'OFF'}}</mat-slide-toggle>              

在控制器中你需要分配formControl 所以，使用= 而不是: 即：

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