2017-12-12 1 views
3

"blur"및 "keyup"-events를 탐지하기 위해 지시문에 hostlistener를 사용하고 있습니다. 이제 지시문이있는 input 요소의 변경 사항을 감지해야합니다. 시도했지만각도 - HostListener-Events 목록이 있습니까?

@HostListener('change', ['$event']) 

하지만 작동하지 않습니다.

"변경"- 이벤트가 있습니까? 나는 또한 "입력"- 사건이 있어야한다는 것을 읽었지 만, 그것은 발화하지 않는다.

내 질문은 : 사용할 수있는 이벤트 목록이 있습니까?

내가 검색 한 구글 :

https://www.google.de/search?q=angular+2+list+of+hostlistener+events

와 각도 - 문서 :

https://angular.io/api/core/HostListener

하지만 아무것도 찾지 못했습니다.

답변

1

change 이벤트 전을들을 수 있습니다 쓰기 s applied to selects.

input 이벤트를 시도했지만 여전히 작동하지 않는 경우 지시문이 문제가됩니다.

가져 오거나 내보내기 했습니까? 콘솔 오류가 있습니까? 귀하의 지침에서 다른 사건이 해고 되었습니까?

+1

그냥 DOM 이벤트. 예 : 목록이 있습니다. https://www.w3schools.com/jsref/dom_obj_event.asp ("on"을 제거하면 모두 제거됨) – Eliseo

+0

oninput은 DOM 이벤트입니다 ...내 말은, 당신은 신통에 대한 클릭 이벤트를 사용하여 코드를 트리거 할 수 있는지 확인할 수 있습니까? 이 문제는 지시문에 문제가 있는지 또는 @internet-> @ HostListener ('input', [$ event]) – trichetriche

+0

인지를 알 수 있습니다. @ HostListener ('click', [$ event]) .... – Eliseo

1

죄송합니다. 속성 목록에 대해 문의 해 주셨습니다. 예 :

@HostListener("focus", ["$event.target"]) 
    onFocus(target) { 
    console.log(target.value) 
    } 

    @HostListener("blur", ["$event.target"]) 
    onBlur(target) { 
    console.log(target.value) 

    } 
    @HostListener("input", ["$event.target.value"]) 
    onInput(value) { 
    console.log(value) 

    } 
관련 문제