Angular 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);