Как проверить поле радиокнопок в angular с помощью реактивных форм

Question

У меня есть имя и значения, я звоню со стороны ts и хочу его проверить. Значения не приходят из события, и оно приходит, например (вкл.).

<code><form [formGroup]="reactiveForm">
  <div *ngFor="let item of checkBoxValueList">
    <input 
    type="radio" 
    formControlName="yourChoice"
    [value]="item"
    (change)="event($event)"
    >
    {{item}}
  </div>
 </form>
 <pre>
 {{reactiveForm.value | json}}

   checkBoxValueList = [
    'Reading',
    'Watching',
    'Traveling',
    'Cooking'
  ];
  reactiveForm: FormGroup = new FormGroup({
    yourChoice: new FormControl()
  });

  constructor() {}

  edit(eve) {
    console.log(eve);
    console.log("target", eve.target.value);
  }

Answer 1

Я предполагаю, что вам нужно только выбранное значение в событии изменения и проверить его. Таким образом, здесь вы можете получить доступ к выбранному значению переключателя с помощью нашей переменной activtiveForm.

event(eve) {
 console.log(eve);
 // console.log("target", eve.target.value);
 console.log(this.reactiveForm.value['yourChoice']); //this will give your selected value
}

Надеюсь, это поможет !!

Answer 2

Вы можете передать непосредственно свое значение вместо события. Попробуйте.

(change)="edit(item)".

Надеюсь, это поможет.