Блог

Главная - Вопросы по программированию - Как получить доступ к значению выбранной опции входного радио с помощью angular

Как получить доступ к значению выбранной опции входного радио с помощью angular

#angular

#angular

Вопрос:

Мой вопрос уже в значительной степени сформулирован в теме.

Но чтобы описать проблему подробнее: допустим, у меня есть форма с тремя переключателями. очевидно, что каждый из них имеет другое значение. Теперь я хочу использовать значение в своем компоненте в соответствии с выбором пользователя.

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

Спасибо за вашу помощь.

Комментарии:

1. вы можете поделиться некоторым кодом, который вы пробовали, и который не сработал.

Ответ №1:

Я полагаю, вы используете <mat-radio-group> и <mat-radio-button>

В этом случае я рекомендую использовать (change) событие и использовать $event.value

в вашем html

 <mat-radio-group >
  <mat-radio-button (change)="getValue($event.value)" value="1">1</mat-radio-button>
  <mat-radio-button (change)="getValue($event.value)" value="2">2</mat-radio-button>
</mat-radio-group>

в вашем ts

 currentValue:string;

getValue(value:string){
  this.currentValue = value
}

Ответ №2:

HTML:

   <label *ngFor="let radiobutton of radioItems">
    <input type="radio" name="options" (change)="getValue(radiobutton.value)" value="radiobutton.value"> 
    {{radiobutton}}
  </label>

ts:

 getValue(value) {
  //here you can get value
}

radiobutton.value это значение вашего переключателя