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

【问题标题】：How to pass input and output parameters in Angular2 rc4 in dynamically created component如何在动态创建的组件中传递Angular2 rc4中的输入和输出参数
【发布时间】：2016-07-20 15:28:24
【问题描述】：

我有一个想要传递多个参数的组件：

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

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

输入：[sentence]="text.title" [selectedWord]="selectedWord"
输出函数：(selectionChanged)="selectionChanged($event)"

TIA

【问题讨论】：

stackoverflow.com/questions/37368107/…
是的，唯一的方法 - 访问 cmpRef.instance 并在代码中设置输入，也手动订阅输出..

标签： typescript angular

【解决方案1】：

不支持动态添加元素的绑定，但可以强制执行

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

【讨论】：