Agfdhyk

ngOnInit not getting fired for the component injected using the component factory resolver

@ViewChild('target', {

  read: ViewContainerRef

}) target;

@Input() step;

@Input() stepinfo;



cmpRef: ComponentRef < any > ;

private isViewInitialized: boolean = false;



constructor(

    private componentFactoryResolver: ComponentFactoryResolver,

    private compiler: Compiler,

    private cdRef: ChangeDetectorRef

) {}



updateComponent() {

  if (!this.isViewInitialized) {

    return;

  }

  if (this.cmpRef) {

    this.cmpRef.destroy();

  }

  let factory = this.componentFactoryResolver.resolveComponentFactory(this.step);

  this.cmpRef = this.target.createComponent(factory)

  this.cmpRef.instance.data = this.stepinfo;

  // (<InjectComponent>componentRef.instance).data = this.step;

  // this.cdRef.detectChanges();

}

after few reading i came to know in these case we need to
manually invoke these events. am struggling in how to do that

When you manually create components using the ComponentFactoryResolver, you will have to manually call the Angular life cycle events that you are using on them.

Since these methods are public on your component, you can call them like a normal method. In this case, we are wanting to call the OnInit life cycle event, so it would be like the following:

updateComponent() {

  if (!this.isViewInitialized) {

    return;

  }



  if (this.cmpRef) {

    this.cmpRef.destroy();

  }



  let factory = this.componentFactoryResolver.resolveComponentFactory(this.step);

  this.cmpRef = this.target.createComponent(factory)

  this.cmpRef.instance.data = this.stepinfo;



  this.cmpRef.instance.ngOnInit(); // <-- this is where the life cycle event is ran

}