Angular 2 Componentを特定のDOMに追加する

Question

誰かが何かを言う前に、JqueryとAngular2を混ぜるのはベストプラクティスではないことに気付いています。しかし、私はJQueryに依存しているレイアウトマネージャ（黄金のレイアウト）を持っています。個々のタイルが作成されたら、チャート/テーブルで構成されるAngular 2コンポーネントをタイルに付けたいと思います。

私はAPIを使用してコンテナを簡単に取得できますが、jqueryの選択によるものです。それをViewContainerRefに変換するにはどうすればいいですか？

Answer 1

export class ComponentService { 
    constructor(private componentFactoryResolver: 
     ComponentFactoryResolver, 
      private appRef: ApplicationRef, 
      private injector: Injector) { 
    } 

    create(component){ 
    // get factory and create component 
    let factory = this.componentFactoryResolver.resolveComponentFactory(component); 
    let ref = confirmDialogFactory.create(this.injector); 

    // set input prop 
    ref.instance.prop ='ABC'; 

    // attach to dom 
    document.querySelector('body') 
      .appendChild(ref.location.nativeElement); 

     // run change detection 
    this.appRef.attachView(ref.hostView); 
    ... 
    }