如何在动态创建的组件中传递Angular2 rc4中的输入和输出参数

时间:2016-07-20 15:28:24

标签: typescript angular

我有一个想要传递几个参数的组件:

 <sentence [sentence]="text.title" [selectedWord]="selectedWord" (selectionChanged)="selectionChanged($event)"></sentence>

我正在使用此代码动态创建组件:

 addComponent() {
        this.compiler.resolveComponent(TaskHeaderComponent).then((factory) =>

        this.cmpRef = this.viewContainer.createComponent(factory, 0, this.viewContainer.injector));
    }

我如何传递给创建的组件:

  1. 输入:[句子] =&#34; text.title&#34; [selectedWord] =&#34; selectedWord&#34;
  2. 输出功能:(selectionChanged)=&#34; selectionChanged($ event)&#34;
  3. TIA

1 个答案:

答案 0 :(得分:1)

动态添加元素没有绑定支持,但你可以强制执行

this.cmpRef.instance.sentence = ...
this.cmpRef.instance.selectionChange.subscribe(...)