크기를 조정할 때 내용을 동적으로 변경해야하는 Angular2 구성 요소를 작성했습니다. 나는 @에 각도/코어 (V2.1.0)를 실험 렌더러를 사용하고 다음에 클릭 리스너까지 연결할 수 있습니다 :Angular2 구성 요소 내에서 구성 요소 크기 조정 이벤트를 수신하는 가장 좋은 방법은 무엇입니까?
this.rollupListener = this.renderer.listen(this.rollUp, 'click', (event) => {
...
});
을하지만 불행하게도 내가 resize 이벤트에 대해 동일한 작업을 수행 할 수 없습니다를 - 두 '크기 조정'
이@HostListener('window:resize', ['$event.target'])
onResize() {
...
}
그러나 불행히도 내 응용 프로그램에서 크기 조절 모든 구성 요소는 다음과 같습니다 나는이 다음 사용하여 이벤트를 크기를 조정 브라우저에서 선택할 수 있어요
this.resizeListener = this.renderer.listen(this.container, 'resize', (event) => {
// this never fires :(
});
을 : 또는 '하여 onResize는'작동하지 않습니다 브라우저가 크기 때문에.
기본적으로,의 JQuery와 동등한를 찾고 있어요 :
$(this.container).resize(() => {
...
});
Thete는 요소의 resize 이벤트가 아니며 창에서만 나타납니다. jQuery는 아마도 폴링을 사용합니다. –
올바른 방향으로 나를 조종 해 주셔서 감사합니다, Günter! Marc의 라이브러리 http://marcj.github.io/css-element-queries/를 사용하거나 요소에 대한 변형 관찰자를 등록하는 지시문을 구현합니다. –