5
私はチェックボックスのリストでデバウンスのバインディング動作を使用しようとしていますが、期待通りの動作をしていないようです(チェックボックスをデバウンスすることができないのか分かりません):Aureliaでチェックボックス入力をデバウンスすることはできますか?
<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 = [];
}
ありがとう!
ええと、アウレリアのバグのようです。 – Travo
これがサポートされているかどうかわかりません...面白い質問ですが –
これをJeremyに渡すつもりです。これはバグかもしれません。質問として、チェックボックスをデバウンする欲望は何ですか?あなたは本当に素早くそれを束ねることをユーザーが期待していますか? –