Чтобы изменить значение элемента управления формой в Angular, вы можете использовать несколько методов. Вот несколько часто используемых подходов:
-
Формы на основе шаблонов:
- Используйте директиву ngModel: вы можете привязать элемент управления формой к свойству вашего компонента с помощью ngModel, а затем изменить значение свойства в вашем компоненте.
- Доступ к элементу управления формой с помощью ViewChild. Вы можете использовать декоратор @ViewChild, чтобы получить ссылку на элемент управления формой, а затем программно изменить его значение.
-
Реактивные формы:
- Используйте методы setValue или patchValue. Если вы используете реактивные формы, вы можете использовать методы setValue или patchValue в элементе управления формой или группе форм, чтобы обновить значение.
Вот пример изменения значения элемента управления формой с помощью ngModel в форме, управляемой шаблоном:
<input type="text" [(ngModel)]="myValue">
<button (click)="changeValue()">Change Value</button>
export class MyComponent {
myValue: string = '';
changeValue() {
this.myValue = 'New Value';
}
}