Question

需要从数组中动态显示单选按钮值，并根据我需要显示<div>来获取它的值。请找到下面的代码

HTML

<div *ngFor = "let fruit of fruits"
<input type = "radio"/>{{fruit}}>
</div>

component.ts - ＆gt;包含以下数组

fruits : string[] = ["apple", "mango"];

有了这个，我得到苹果和芒果的单选按钮。需要获取所选单选按钮的值（在分配[（ngModel）]，值）并且需要根据个别选择显示另一个div。请指导我这个

Answer 1

您可以使用 [value]

<div *ngFor="let fruit of fruits">
    <input type="radio" formControlName="options" [value]="fruit">
    {{fruit}}
</div>`

Answer 2

<div *ngFor="let fruit of fruits">
<input type="radio" [value]="fruit" 
(change)="selectedFruitValue(fruit)">
{{fruit}}
</div>

in your ts file
first define a variable
i.e
fruitValue:string

然后编写一个函数

selectedFruitValue(fruit){

this.fruitValue = fruit;

//for checking purpose
 console.log('fruit value is':+this.fruitValue);

}

如何在角度2中动态获取单选按钮值？

2 个答案: