angular4 使用window對象中的事件

標籤：es2017   最好   分享   question   log   angular   des   參考   href   

Angular使用window對象中的事件最好不要像使用jQuery那樣使用 如下：

註：寫事件直接綁定到window對象上了，組件銷毀時這個事件沒有解除綁定

可以使用剪頭函數不用聲明that

註：這樣寫在組件銷毀後依然會存在window對象中。 即使手動在組件的ngOnDestory()方法中去解除綁定這個事件，依然會有錯誤。待研究

解決辦法：使用angular內建的宿主來實現 具體如下。

1. 使用host

2. 使用HostListener

 

推薦使用第二種方式。

 

參考： https://stackoverflow.com/questions/35527456/angular-window-resize-event/35527852#35527852

　　　https://zhuanlan.zhihu.com/p/26309903

 

angular4 使用window對象中的事件