每個施加在HTML元素上的Directive，運行時都會生成一個新的實例。

這些實例的ngOnInit hook執行完畢之后，再統一支持ngAfterViewInit：

上圖這個focus-lock class的出現，是由于@HostBinding裝飾的屬性shouldLock為true的原因：

通過elementRef指向的元素可以分辨出當前Directive實例到底施加在哪個HTML元素上：

這個setTimeout被Angular zone接管了：

這是被mock過的：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的每个施加在HTML元素上的Angular Directive，运行时都会生成一个新的实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。