,可以通过以下步骤实现:
<div *ngFor="let item of itemList">
<input type="radio" name="selectedItem" [(ngModel)]="selectedItem" [value]="item">
<label>{{ item }}</label>
</div>
上述代码中,itemList是一个包含选择项的数组,selectedItem是用于存储用户选择的值的变量。通过ngModel指令将用户选择的值与selectedItem进行双向绑定。
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
itemList: string[] = ['Option 1', 'Option 2', 'Option 3'];
selectedItem: string;
}
上述代码中,itemList是一个包含选择项的字符串数组,selectedItem用于存储用户选择的值。
通过以上步骤,你可以获取用户从ngFor列表中选择的值。在实际应用中,你可以根据selectedItem的值进行后续操作,例如发送到服务器、更新其他UI元素等。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云