Я создал форму, которую по умолчанию я хочу, чтобы переключатель mat-slide-toggle имел состояние «флажок», и пробовал разные способы, но она всегда отображается в состоянии флажок = ложь.
Использование: Угловой 7 Угловой материал 7,2
Моя форма:
<mat-slide-toggle color="primary" name="activo" formControlName="activo">Activo</mat-slide-toggle>
this.formCrud = new FormGroup({
description: new FormControl(
this.formulario.description, {
validators: [
Validators.required,
Validators.minLength(6),
Validators.pattern('^(?=\\S)[a-zA-Z0-9_\\s-]*\\S$'),
Validators.maxLength(45)
]
}),
activo: new FormControl(this.formulario.activo)
});
1.Попытка:
this.formulario.activo = true
2 Попытка
<mat-slide-toggle color="primary" name="activo" formControlName="activo" [checked]="formulario.activo">Activo</mat-slide-toggle>
3 Попытка
<mat-slide-toggle color="primary" name="activo" formControlName="activo" #toggle>Activo</mat-slide-toggle>
@ViewChild('toggle') matSlideToggle: MatSlideToggle;
ngOnInit() {
this.matSlideToggle.checked = true;
}
4 Попытка
<mat-slide-toggle color="primary" name="activo" formControlName="activo" #toggle>Activo</mat-slide-toggle>
@ViewChild('toggle') matSlideToggle: MatSlideToggle;
ngOnInit() {
this.matSlideToggle.toggle();
}
5 Попытка
this.formCrud.controls['activo'].setValue(true);
, но всегда: ![enter image description here](https://i.stack.imgur.com/6EW7t.png)