在*ngFor中获取<input>的值的方法是通过双向数据绑定将<input>的值与组件中的属性绑定起来。具体步骤如下:
<div *ngFor="let item of items">
<input [(ngModel)]="item.value" />
</div>
这里假设items是组件中的一个属性,它包含了多个对象,每个对象都有一个value属性来存储对应<input>的值。
items = [
{ value: '' },
{ value: '' },
{ value: '' }
];
这里假设要渲染三个<input>元素。
你可以通过访问组件中的items数组,来获取每个<input>的值。例如,可以在组件的某个方法中打印出所有<input>的值:
printValues() {
for (let item of this.items) {
console.log(item.value);
}
}
上述代码会遍历items数组,并打印每个item对象的value属性的值。
关于双向数据绑定的更多细节,可以参考Angular的官方文档:https://angular.cn/guide/forms
领取专属 10元无门槛券
手把手带您无忧上云