在Angular的ngFor循环中,如果要使用双向绑定,可以使用另一个指令ngModel来实现。下面是一个示例代码:
组件代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
template: `
`,
})
export class ExampleComponent {
items = [
{ value: 'Item 1' },
{ value: 'Item 2' },
{ value: 'Item 3' },
];
onItemChange(item: any) {
console.log(item.value);
}
}
在上面的代码中,ngFor指令用来循环items数组,并使用ngModel指令实现双向绑定。当输入框的值发生变化时,ngModelChange事件将触发onItemChange方法,你可以在此方法中处理输入值的变化。
需要注意的是,为了使用ngModel指令,你需要在模块中导入FormsModule。在你的模块文件中添加如下代码:
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [FormsModule],
})
export class ExampleModule { }
这样就可以在ngFor循环中实现双向绑定了。