Angular2 - ComponentFactoryで作成された動的コンポーネントに値を渡す

Question

私はGünterZöchbauerのアドバイスhow to create dynamic components に従っていました。子コンポーネントに@入力があるように値を渡す方法がわかりました。

上記の質問の例（plunker）を使用すると、子コンポーネントに文字列を渡す方法、「追加」ボタンをクリックすると表示されるメッセージを呼び出す方法があります。ここで

は、子コンポーネントがどのように見えるかの例です：

import {Component OnChanges, Input} from '@angular/core' 

    @Component({ 
     selector: 'hello', 
     providers: [], 
     template: `<h1>{{message}}</h1>`, 
     directives: [] 
    }) 
    export class HelloComponent implements OnChanges { 
     @Input() message:any; 

     constructor() { 
     } 

     ngOnChanges(changes:any){ 
     } 
    } 

Answer 1

あなたは以下試すことができ、ここで

let instance = this.viewContainerRef.createComponent(this.componentFactory, 0).instance; 
    instance.message = "some text!!"; 

はPlunker!!

は、この情報がお役に立てば幸いです！