How to pass input and output parameters in Angular2 rc4 in dynamically created component

Question

I have a component which wanted to pass a several parameter:

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

I'm creating a component dynamically using this code:

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

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

How i can pass to created component:

inputs: [sentence]="text.title" [selectedWord]="selectedWord"
outputs function: (selectionChanged)="selectionChanged($event)"

TIA

yes, only way - to get access to cmpRef.instance and set inputs in code, subscribe for outputs manually also.. — Oleg Barinov
– Oleg Barinov, Commented Jul 20, 2016 at 16:05

Günter Zöchbauer · Accepted Answer · 2016-07-20 17:49:53Z

1

There is no binding support dor dynamically added elements, but you can do it imperatively

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

answered Jul 20, 2016 at 17:49

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass input and output parameters in Angular2 rc4 in dynamically created component

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related