2016-08-24 13 views
0

이 같은 각도 MD-자동 완성 있습니다dom id를 사용하여 각도 md-autocomplete 입력에 바닐라 자바 ​​스크립트 키 업 수신기를 연결하는 방법은 무엇입니까?

<md-autocomplete 
    md-input-id="myid" 
    ...> 
</md-autocomplete>

을 그리고 나는이 작업을 수행 할 수 :

document.getElementById("myid") 
    .addEventListener("keyup", function(event) { 
     //my code 
    } 
});

이 어디 내 각 컨트롤러에서 해당 이벤트 리스너를 부착 할 수 있습니까? ui.router를 사용하고 있습니다. 그것은 각 페이지가 실제 새 페이지가 아니라 단지 DOM 업데이트와 같은 것처럼 보입니다. 그래서 나는 id가있는 요소에 접근 할 수 있도록 렌더링이 완료되었을 때 이벤트 리스너가 필요하다고 생각합니다.

답변

2

키 이벤트에 바인딩하려는 경우 md-autocomplete에는 범위에 함수를 첨부 할 수있는 md-search-text-change라는 속성이 있습니다. https://plnkr.co/edit/Mih3sJTEiTjD2Qhresq6?p=preview

<md-autocomplete md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"></md-autocomplete> 

는 희망이 도움이 :

는 여기에 적응 예입니다.

+1

Enter 키가 필요합니다. – Ryan

+0

백 스페이스가 필요합니다. – Trevor