如何在 Angular 5 中初始化 Material Design 的 mat-slide-toggle? [英] How to initializate a mat-slide-toggle of Material Design in Angular 5?

问题描述

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

I can't make the initialization of a mat-slide-toggle in a Reactive Form.

我在模板中有类似的东西

I have something like in the template

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

在我正在做的控制器中

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

我也尝试过使用 1 或 0 或 false 而不是 true 但我没有选择默认值.

I have also tried with 1 or 0 or false instead of true but I didn't get it with a default value selected.

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

I would appreciate if someone could help me, many thanks.

推荐答案

恕我直言，您的代码存在一些问题.你应该这样做:

IMHO, there's some issue with your code. You should do something like this:

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

并且在控制器中，您需要分配 formControl 因此，使用 = 而不是 : 即:

And in controller you'll need to assign the formControl so, use = instead of : ie:

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

这篇关于如何在 Angular 5 中初始化 Material Design 的 mat-slide-toggle?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！