Как инициализировать мат-слайд-переключатель дизайна материала в Angular 5?

Question

Я не могу выполнить инициализацию переключателя мат-слайда в Реактивной форме.

У меня есть что-то похожее на шаблон

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

И в контроллере вам нужно назначить formControl, поэтому используйте = вместо :, то есть:

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