我可以在Aurelia中去掉一个复选框输入吗？

Question

我试图在复选框列表中使用去抖动绑定行为,但它似乎没有像我期望的那样工作(我不确定你是否甚至可以去除复选框):

<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. 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

目前，尚不支持。checkedVal去抖绑定行为控制分配属性的速率。在检查绑定中，未分配属性，属性引用的数组实例通过推送和拼接进行变异，从而避免了绑定表达式中的去抖动。