Угловой 2: динамически загружать компонент с параметрами @Input и @Output

Question

В настоящее время я загружаю некоторые мои компоненты динамически с помощью этой части кода.

export class ComponentOutlet { 

    constructor(
     private vcRef: ViewContainerRef, 
     private compiler: Compiler, 
     private dataService: DataService 
    ) { } 

    private _createDynamicComponent() { 

     // Some logic to decide which component should be loaded 
     return MyComponent; 
    } 


    ngOnChanges() { 

     this.compiler.compileComponentAsync(this._createDynamicComponent()) 
      .then(factory => { 
       const injector = ReflectiveInjector.fromResolvedProviders([], this.vcRef.parentInjector); 
       this.vcRef.clear(); 
       this.vcRef.createComponent(factory, 0, injector); 
      }); 
    } 

Проблема заключается в том, что MyComponent имеет некоторые @Input и Output привязок. Можно ли здесь установить эти привязки? Как я могу это достичь?

Answer 1

Привязки к входам и выходам могут использоваться только для компонентов, которые статически добавляются к другому шаблону компонентов.

В вашем случае вы можете сделать это императивно как

var cmpRef = this.vcRef.createComponent(factory, 0, injector); 
cmpRef.instance.someInput = value; 
cmpRef.instance.someOutput.subscribe(data => this.data = data);