Calling methods in dynamically created component angular 2

Question

I need to add components dynamically from triggered events, i´ve managed to get it working with loadasroot and loadnexttolocation, but the problem is that those only return a promise for the ComponentRef and i cant find a wat to access properties and calling methods in the added components. Ive read some threads about the loadintolocation but it seems that they removed that after releasing the candidate?

Maybe you could publish some code to show how far you have got, and what you need to do next? — brianlmerritt
– brianlmerritt, Commented Jun 13, 2016 at 8:03

Thierry Templier · Accepted Answer · 2016-06-13 07:59:57Z

1

Now you can use the ComponentResolver class this way. On the ComponentRef instance, you can access both properties and methods of the newly created component.

@ViewChild('target', {read: ViewContainerRef}) target;

constructor(private resolver: ComponentResolver) {}

createComponent() {
  this.resolver.resolveComponent(MyComp).then(
    (factory:ComponentFactory<any>) => {
      var cmpRef = this.target.createComponent(factory);
      var cmp = cmpRef.instance;
    });
}

answered Jun 13, 2016 at 7:59

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:54:14Z

1

then(cmpRef:ComponentRef => {
  cmpRef.instance.myProp = someValue;
  cmpRef.instance.someOutput.subscribe(val => this.someOtherOutput.next(val));
});

See also Angular 2 dynamic tabs with user-click chosen components for the new way ViewContainerRef.createComponent().

DynamicComponentLoader is deprecated.

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Jun 13, 2016 at 8:00

Günter Zöchbauer

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

Collectives™ on Stack Overflow

Calling methods in dynamically created component angular 2

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related