Интерполяция связывание не работает

Question

Я загрузка компонент динамически через loadAsRoot После того, как я загрузить компонент, компонент будет загружен в пользовательском интерфейсе, но ограниченные интерполированные данные не загружены, даже если его свойства имеют значение.

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()

DynamicComponentLoader.loadAsRoot() только должен использоваться bootstrap() для корневого компонента и не выполняет никаких изменений по умолчанию. Вам нужно будет вручную установить обнаружение изменений, чтобы заставить его работать.

Смотрите также

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