2017-02-10 81 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 hereapp.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

我要通過這個給傑里米,這可能是一個錯誤。作爲一個問題,去除複選框的願望是什麼?你是否期待用戶能夠真正快速地挑選它? –

回答

4

目前,它不受支持。去抖動綁定行爲控制分配checkedVal屬性的速率。在已檢查的綁定中,未分配該屬性,由屬性is mutated with push and splice引用的數組實例繞過綁定表達式中的去除。

相關問題