在Angular中使用ngModel来实现双向数据绑定,可以通过以下方法来处理3个数组的影响:
selectedItems
的数组来存储选择的项。selectedItems: any[] = [];
{{ item.name }}
onItemChange
方法来处理选项的变化。onItemChange(item: any) {
if (item.selected) {
// 添加到选中项数组
this.selectedItems.push(item);
} else {
// 从选中项数组中移除
const index = this.selectedItems.indexOf(item);
if (index !== -1) {
this.selectedItems.splice(index, 1);
}
}
}
这样,当用户选择或取消选择一个选项时,onItemChange
方法将被调用,并更新selectedItems
数组。这三个数组都会受到影响,因为它们都会引用selectedItems
数组的内容。