Изменить значение элемента управления формой в Angular

Чтобы изменить значение элемента управления формой в Angular, вы можете использовать несколько методов. Вот несколько часто используемых подходов:

  1. Формы на основе шаблонов:

    • Используйте директиву ngModel: вы можете привязать элемент управления формой к свойству вашего компонента с помощью ngModel, а затем изменить значение свойства в вашем компоненте.
    • Доступ к элементу управления формой с помощью ViewChild. Вы можете использовать декоратор @ViewChild, чтобы получить ссылку на элемент управления формой, а затем программно изменить его значение.
  2. Реактивные формы:

    • Используйте методы 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';
  }
}