У меня есть FormGroup в компоненте, инициализированная данными из родительского компонента. Вот инициализация моего дочернего компонента:
<mat-form-field class="fluid">
<mat-label>Prénom</mat-label>
<input matInput formControlName="firstname" type="text" placeholder="Prénom" required />
</mat-form-field>
ngOnChanges(changes: SimpleChanges) {
this.form = this.fb.group({
firstname: [this.currentParticipant.username, Validators.required])
})
// ...
this.form.controls.firstname.disable()
}
Я хочу, чтобы мой ввод был отключен. При нажатии кнопки родительского компонента данные обновляются и отправляются моему дочернему компоненту. В обновленной форме вход firstname
больше не отключен (значение этого входа хорошо обновлено).
Проверенные решения, которые не работают:
- Атрибут
[attr.disabled]="true"
и[disabled]="true"
в шаблоне - Установить отключенный атрибут при инициализации formGroup:
this.form = this.fb.group({
firstname: [{ value: this.currentParticipant.username, disabled: true }, Validators.required])
})
Вы имеете представление о том, что происходит, пожалуйста?