2017-02-10 24 views
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 = []; 
} 

ありがとう!

+0

ええと、アウレリアのバグのようです。 – Travo

+0

これがサポートされているかどうかわかりません...面白い質問ですが –

+0

これをJeremyに渡すつもりです。これはバグかもしれません。質問として、チェックボックスをデバウンする欲望は何ですか?あなたは本当に素早くそれを束ねることをユーザーが期待していますか? –

答えて

4

現時点ではサポートされていません。デバウンスバインディング動作は、checkedValプロパティが割り当てられているレートを制御します。チェックされたバインディングでは、バインディング式のデバウンスを回避するプロパティis mutated with push and spliceによって参照される配列インスタンスが割り当てられません。

関連する問題