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

Question

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

模板里有类似的东西

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

在我正在做的 Controller 中

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>              

并且在 Controller 中你需要分配 formControl 所以，使用 = 而不是 : 即:

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