DOM要素が別のjavascriptライブラリによって作成されたAngular2コンポーネントを登録するにはどうすればよいですか？

Question

セレクタdynamically-addedにいくつかのコンポーネントDynamicallyAddedComponentが関連付けられているとします。 ParentComponentには、内部DOMツリーを操作し、<dynamically-added>タグを追加または削除する可能性のある、他の非角のサードパーティのJavaScriptが含まれています。

ParentComponentのテンプレートに直接<dynamically-added>タグを追加すると、レンダリングがうまくいきますが、サードパーティのライブラリでタグを追加すると、コンポーネントが追加されたことを角度で認識できません。

@NgModule宣言に両方のコンポーネントを追加しました。app.module.tsです。また、サードパーティの変更イベントのイベントハンドラの内側にChangeDetectorRef.detectChanges()とApplicationRef.tick()の呼び出しを追加しました。

コンポーネントを追加または削除したことを手動でAngularに伝えるにはどうすればよいですか？ Angularはコンポーネントを内部でどのように認識し、ブートストラップするのですか？

Answer 1

ngZoneの中でサードパーティのイベントを実行すると、DOMの変更が検出されます。

component.ts

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