2017-02-10 6 views
5

나는 체크 박스 목록에서 debounce 바인딩 동작을 사용하려고하지만 예상대로 작동하지 않는 것 같습니다 (체크 박스를 디 바운스 할 수 있는지 확실하지 않습니다) :Aurelia에서 확인란 입력을 디버깅 할 수 있습니까?

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

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

나는 체크 박스 입력 진동을 소거 할 수 : 나는 정상적인 입력을 예상대로 작동하는 반면

즉시 갱신 checkedVal 배열의 확인란 결과의 클릭?

전체 코드는 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

흠, Aurelia 버그처럼 보입니다. – Travo

+0

이것이 지원되는지 확실하지 않습니다 ... 흥미로운 질문이지만 –

+0

나는 이것을 Jeremy에게 전달할 것입니다. 이것은 버그 일 수 있습니다. 질문으로, 체크 박스를 왜곡하려는 욕구는 무엇입니까? 사용자가 정말 빨리 무리를 돌리 리라 기대합니까? –

답변

4

현재로서는 지원되지 않습니다. 디 바운스 바인딩 동작은 checkedVal 속성이 할당되는 속도를 제어합니다. 확인 된 바인딩에서 속성은 할당되지 않습니다. 바인딩 인스턴스에서 디 바운싱을 우회하는 속성 is mutated with push and splice으로 참조되는 배열 인스턴스입니다.

관련 문제