aurelia - 我可以去抖动 Aurelia 中的复选框输入吗？

Question

我正在尝试在复选框列表上使用去抖动绑定(bind)行为，但它似乎没有按我预期的方式工作(我不确定你是否可以去抖动复选框):

<label repeat.for="v of values">
  <input type="checkbox" value.bind="v" checked.bind="checkedVal & debounce:1000"> Checkbox value "${v}"
</label>

单击任何复选框会导致 checkedVal数组立即更新，而它按我预期的正常输入工作:

<input type="text" value.bind="textVal & debounce:1000"/>

我可以去抖动复选框输入吗？

这是完整的代码，带有 GistRun here . app.html :

<template>
  <h1>Checkbox bind debounce</h1>
  <form>
    <label for="text">text input with debounce:1000 </label>
    <input type="text" value.bind="textVal & debounce:1000"/>
    <div repeat.for="v of values">
      <br/>
      <label>
        <input type="checkbox" value.bind="v" checked.bind="checkedVal & debounce:1000"> Checkbox value "${v}"
      </label>
    </div>
  </form>
  <br/>
  <p>Text value: ${textVal}</p>
  <p>Checked values:</p>
  <p repeat.for="v of checkedVal">${v}</p>
</template>

app.js :

export class App {
  values = [1, 2, 3];
  checkedVal = [];
}

谢谢!

Answer 1

目前，它不受支持。去抖动绑定(bind)行为控制 checkedVal 的速率。属性被分配。在选中的绑定(bind)中，未分配属性，属性 is mutated with push and splice 引用的数组实例它规避了绑定(bind)表达式中的去抖动。