補間バインディングが機能しません

Question

コンポーネントを動的にロードしていますloadAsRoot コンポーネントをロードした後、UIにコンポーネントがロードされますが、プロパティに値があってもバインドされた補間データはロードされません。

var componentLoadPromise = this._componentLoader.loadAsRoot(MyComponent, "#placeholder", this._injector); 

return componentLoadPromise.then(myComp=> { 
      return new Promise<boolean>(resolve =>{ 
      myComp["_hostElement"]["component"]["display"](compOptions, resolve);  
      }); 
    }); 
enter code here 

Component.ts

// bounded properties 
    public content: string; 
    public title: string; 


public display(dialogOptions: IDialogParams, resolve: (boolean) => any){ 
    document.onkeyup = null; 
    this._resolveAction = resolve; 
    this.setUpElements(); 
    // here my bounded view properties are populated 
    this.populateViewProperties(dialogOptions); 

    this.wireEvents(); 
    this._confirmElement.style.display = "block";  
} 

Answer 1

DynamicComponentLoaderは推奨されません。代わりにViewContainerRef.createComponent()

は、ルートコンポーネントに対してのみbootstrap()が使用され、デフォルトでは変更検出は行われません。変更検出を手動で行う必要があります。

は

• @ContentChild is null for DynamicComponentLoader
• Angular 2 dynamic tabs with user-click chosen components