Find corresponding id of the selected value using Radio Button

Question

Stackblitz I am trying to find the id associated with the name I select using the radio button. Any help?

<form #filterForm="ngForm" (ngSubmit)="addFilter(filterForm)" autocomplete="off">
    <div class="row">
        <div class="col-12" style="border: 1px solid red">
            <div *ngFor="let x of countryArray">
                <label for="{{x.name}}"> {{x.name}} </label>
                <input type="radio" id="{{x.name}}" value="{{x.name}}" name="name" [(ngModel)]='selected'>
                            </div>
            </div>
            <hr />

            <button type="submit">SAVE</button>

        </div>
</form>

Possible duplicate of [Find object by id in an array of JavaScript objects](https://stackoverflow.com/questions/7364150/find-object-by-id-in-an-array-of-javascript-objects) — Nicholas K, Dec 16 '19 at 17:20

score 0 · Answer 1 · answered Dec 16 '19 at 17:21

try to declare a property and set the value on model change event

<div *ngFor="let x of countryArray">
    <label for="{{x.name}}"> {{x.name}} </label>
    <input type="radio" id="{{x.name}}" value="{{x.name}}" name="name" 
       ngModel (ngModelChange)="selectedValue = x">
  </div>

demo

Find corresponding id of the selected value using Radio Button

1 Answers1