如何注冊其DOM元素已由另一個JavaScript庫創建的Angular2組件？

Question

假設我有一些與dynamically-added的選擇器相關聯的組件DynamicallyAddedComponent 。 還有另一個組件ParentComponent ，其中包含其他一些非Angular第三方javascript，它正在操縱其內部DOM樹，並可能添加或刪除<dynamically-added>標簽。

當我直接在ParentComponent的模板中添加<dynamically-added>標簽時，它呈現的很好，但是當我的第三方庫添加標簽時，angular無法識別已添加了組件。

我加入這兩個組件的@NgModule在聲明app.module.ts 。 我還添加了對第三方修改事件的事件處理程序中的ChangeDetectorRef.detectChanges()和ApplicationRef.tick()調用。

那么如何手動告訴Angular已添加或刪除了組件？ Angular如何在內部識別和引導組件？

Answer 1

您可以在ngZone運行第3方事件，這將觸發DOM更改檢測。

內部component.ts

constructor( public ngZone: NgZone) {}
ngZone.run( () => { // Change the property within the zone
  //3rd party event action
});