Javascript 更改没有名称的属性的处理程序

Javascript 更改没有名称的属性的处理程序,javascript,aurelia,Javascript,Aurelia,考虑以下列表: fields.html 我想在列表更改后保存它(可能几秒钟后,比如油门)。当其中一个文本框发生更改时,如何将处理程序引入要调用的字段类?我不是在说模糊事件处理程序。当DOMinput事件被触发时保存。使用debounce绑定行为对保存进行速率限制 这里有一个例子: app.html ${f.name}: app.js 导出类应用程序{ 字段=[ {name:“First name”,value:“Jack”}, {名称:“姓氏”,值:“巨人杀手”} ]; log=''; 保存

考虑以下列表:

fields.html


我想在列表更改后保存它(可能几秒钟后,比如油门)。当其中一个文本框发生更改时,如何将处理程序引入要调用的
字段
类?我不是在说模糊事件处理程序。

当DOM
input
事件被触发时保存。使用
debounce
绑定行为对保存进行速率限制

这里有一个例子:

app.html


${f.name}:
app.js

导出类应用程序{
字段=[
{name:“First name”,value:“Jack”},
{名称:“姓氏”,值:“巨人杀手”}
];
log='';
保存(){
this.log+=`保存:${JSON.stringify(this.fields)}\n`;
}
}

谢谢,这正是我想要的。当我测试它时,它不需要是
表单
标记,任何标记都可以,对吗?在您的要点中,表单标签非常有效。但在我的代码中,只要我键入表单标记,就会发生以下错误:
错误[app router]RangeError:超过了最大调用堆栈大小
。我不是在问如何修复它,但如果你认为我应该在某个地方报告它,请让我知道。对-不需要是表单标签。我使用表单和标签只是出于语义上的原因
<div repeat.for="f of fields">
    ${f.name}: <input value.bind="f.value">
</div>
class Fields
{
    fields = [{
        name: "First name",
        value: "Jack"
    }, {
        name: "Surname",
        value: "Giant slayer"
    }];
}