如何在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>              

在控制器中，您需要分配formControlso，使用=代替，:即：

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