在Angular中实现选择中取消选择项目的解决方法可以通过以下步骤完成:
ngFor
指令循环渲染项目列表,并为每个项目添加复选框用于选择/取消选择。
{{ item.name }}
selected
属性。items = [
{ name: 'Item 1', selected: false },
{ name: 'Item 2', selected: false },
{ name: 'Item 3', selected: false },
// ...
];
toggleSelection(item) {
item.selected = !item.selected;
}
toggleSelection
方法,并传递项目对象作为参数。
{{ item.name }}
通过上述步骤,点击复选框时将会触发toggleSelection
方法,从而选择/取消选择相应的项目。