Angular - using how to call function on component created dynamically using ng-dynamic-component

Question

I am using the npm package ng-dynamic-component to create dynamic components.

I am in a situation where i want to call a specific function on the dynamically created component using this package.

I have experimented with a lot of different ways but so far found no solution.

Does anyone have any idea if it is possible to call a function on a component that is created dynamically using the mentioned package?

Thanks :)

Markus Dresch · Accepted Answer · 2019-04-30 06:29:11Z

3

ng-dynamic-component has a "Component Creation Event" ndcDynamicCreated that passes a ComponentRef<any> as a parameter.

From the docs:

@Component({
  selector: 'my-component',
  template: `<ndc-dynamic [ndcDynamicComponent]="component"
                          (ndcDynamicCreated)="componentCreated($event)"
                          ></ndc-dynamic>`
})
class MyComponent {
  component = MyDynamicComponent1;
  componentCreated(compRef: ComponentRef<any>) {
    // utilize compRef in some way ...
  }
}

Utilizing compRef in some way would be calling a function of the compRef.instance property in your case.

answered Apr 30, 2019 at 6:29

Markus Dresch

5,5853 gold badges22 silver badges43 bronze badges

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

1 Comment

Diemauerdk Over a year ago

I have tested it out and can confirm that on the componentref generated i am able to take .instance and then call a function on the dynamically created component. Thanks!

Collectives™ on Stack Overflow

Angular - using how to call function on component created dynamically using ng-dynamic-component

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related