使用单选按钮查找所选值的相应 ID

Question

Stackblitz 我正在尝试查找与我使用单选按钮选择的名称关联的 id。有什么帮助吗？

<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>

Answer 1

尝试声明一个属性并在模型更改事件上设置值

<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>

演示 🚀🚀