Как установить данные формы группы из угловых

Question

У меня есть форма группы, как показано ниже:

 this.myform = this.fb.group({
      mydata: ''
    });

Мне удалось установить данные с помощью formgroup setValue, но при отображении значений в HTML эта опция не была выбрана. Это HTML:

   <div *ngFor="let item of (items$ | async); index as i; first as first">
        <input type="radio" id="{{item.itemId}}" name="test" value="{{item.itemId}}"  [formControl]="myform.controls.mydata" 
    selected = "(items$ | async).length ===1">
</div>

Это не выбирает первую метку ввода в HTML, но в машинописном тексте форма действительна.

Answer 1

Используйте метод setValue () , чтобы установить новое значение для отдельного элемента управления. Метод setValue() строго придерживается структуры группы форм и заменяет все значение для элемента управления.

this.myform.setValue({ mydata: 'yourData' });

Answer 2

используйте patchValue, чтобы установить значение для всей формы

 this.myform .patchValue({ mydata: 'yourData' });