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

Question

我无法在Reactive Form中初始化mat-slide-toggle。

我在模板中有类似内容

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

在我正在做的控制器中

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

我也试过1或0或假而不是真，但我没有选择默认值。

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

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
 ]);