每個(gè)施加在HTML元素上的Directive，運(yùn)行時(shí)都會(huì)生成一個(gè)新的實(shí)例。

這些實(shí)例的ngOnInit hook執(zhí)行完畢之后，再統(tǒng)一支持ngAfterViewInit：

上圖這個(gè)focus-lock class的出現(xiàn)，是由于@HostBinding裝飾的屬性shouldLock為true的原因：

通過(guò)elementRef指向的元素可以分辨出當(dāng)前Directive實(shí)例到底施加在哪個(gè)HTML元素上：

這個(gè)setTimeout被Angular zone接管了：

這是被mock過(guò)的：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。