Angular 2 Google Maps V3で作成したInfoWindow要素にDOMを挿入します。api

Question

Angular 2内のGoogle Maps V3で作業しています。現在、バインドされたリンクと入力値をInfoWindowに取り込むためのソリューションを探しています。 InfoWindow要素が作成されると、それは新しいDOM要素であり、Angular 2文書によれば、アプリケーションの初期化時に存在しなかったDOM要素へのバインディングはサポートされていません。バインドされた要素を新しく作成されたDOMに挿入または挿入する方法や、バインドされた要素を含む事前に作成された要素をInfoWindowに移動する方法はありますか？

Answer 1

この場合、動的コンポーネントの作成を使用する必要があります。

import {ComponentResolver, ComponentFactory, ComponentRef, ApplicationRef, Injector} from '@angular/core'; 

export class SomeServiceOrComponent { 
    constructor(private resolver:ComponentResolver, private injector:Injector, private appRef:ApplicationRef) { 
    } 

    renderComponent() { 
    return this.resolver 
     .resolveComponent(YourDynamicComponentClass) 
     .then((factory:ComponentFactory<YourDynamicComponentClass>) => { 
      let cmpRef:ComponentRef<YourDynamicComponentClass> = 
       factory.create(this.injector, null, '.infoWindowsDOMSelector'); 
      (<any>this.appRef)._loadComponent(cmpRef); 
      return cmpRef; 
     }); 
    } 
} 

し、ちょうどあなたがそれを必要とするかどうか、このメソッドを呼び出す：ちょうどあなたがあなたのコンテンツをレンダリングする必要があるときには、知っているあなたのサービスやコンポーネント、このようななめらかにしてみてください。

(<any>this.appRef)._loadComponent(cmpRef)はRCの前のバージョンからのトリックですが、多分すぐに