如何在取消选中和Aurelia检查时调用一个函数

Question

我有一个来自API的项目列表,它们并不总是相同,因此数组中的项目数总是在变化.我正在为每个项目创建一个复选框.

用户可以检查/取消选中每个项目.这就是我想要做的事情:

1. 选中某个项目时,它会将该项目的ID推送到数组中
2. 取消选中某个项目时,它将从该数组中删除该项目的ID

我只需要知道我是如何根据是否已选中或未选中来调用某些内容.我尝试了"checked.delegate"和"checked.trigger",我似乎无法让它工作.

只是一个常规的click.delegate将无法正常工作,因为我无法保持状态是否为真,我无法为所有这些设置变量,因为我并不总是知道哪些项目将来自API.有什么建议？

Answer 1

尝试change.delegate或change.trigger喜欢这样:

VM方法:

logchange(value) {
  console.log(value);
}

视图:

<input type="checkbox" change.delegate="logchange($event.target.checked)" />