변경 이벤트는 내 템플릿의 ControlValueAccessor 인터페이스를 구현하는 사용자 입력을 넣고 같은 그 변경 이벤트에 바인딩 할 경우 controlValueAccessor

Question

의 흐림에 해고 이유 : 내 사용자 입력이 어떤을 발사하지으로

<input-app [value]="'initialVal'" (change)="onChange($event)"></input-app> 

이벤트를 흐리게 처리해야합니다 (입력에 집중하고 변경 한 다음 흐리게 처리해야 이벤트가 콘솔에 나타납니다).

<input 
    type="text" 
    [value]="value"/> 

onChange() 메서드가 호출 될 것입니다 정확히 그런 경우 왜 이해가 안 돼요.

Here is a plnkr

Answer 1

(change)는

입력 값의 변화가 새로운 값 모델에 전념되도록

트리거한다.

하지만이 경우 모델을 사용하고 있다고 생각하지 않습니다.

입력 내용을 입력 할 때마다 원하는 작업을 수행하기 때문에 대신 (keyup)을 사용합니다.

<input-app [value]="'hey'" placeholder="your name" (keyup)="onChange($event)"></input-app> 

Answer 2

나는 약간 부끄러 웠지만 사건은 막 거품이 난다.

same with keyup event

:

는

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div (keyup)="onKeyUp()"> 
     <input/> 
    </div> 
    `, 
}) 
export class App {  
    onKeyUp() { 
    console.log('it bubbles') 
    } 
}