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

模板中有类似内容

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

在控制器中，我正在执行

and in the controller I am doing

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屋！