Opening child row doesn't call Child's OnInit

[pponzano]

:beetle: bug report

When opening detail row, no onInit or AfterViewInit is fired

:microscope: Minimal Reproduction

StackBlitz/GitHub Link:

Step-by-step Instructions:

:8ball: Expected behavior

I'm opending a detail mode with the following code

 expandRow(trRef: any, rowData: any) {
    this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
      const row = dtInstance.row(trRef);

      if (row.child.isShown()) {
        row.child.hide();
        this._renderer.removeClass(trRef, 'details');
      }
      else {
        row.child()

        let factory = this.compFactory.resolveComponentFactory(SupplierSourceChildComponent);
        var component = this.viewRef.createComponent(factory);

        //  component.instance.itemSource = rowData;
        row.child(component.location.nativeElement).show();
        this._renderer.addClass(trRef, 'details');
      }
    }, (err) => {
      console.log(err)
      this.notifyService.showError(
        err.statusText,
        'Error while inserting item.'
      )
    }
    )
  }

and in the child OnViewIniti nothing is fired. I need to load the data in the child row to populate another grid but with no luck.

:globe_with_meridians: Your Environment

• NodeJS version: 13
• Angular version: 13.2.5
• Angular CLI version: 13.2.5
• jQuery version:
• DataTables version: 1.12.1
• angular-datatables version: 14.0

:memo: Additional context

[shanmukhateja]

Hi,

Can you provide StackBlitz link instead?

[pponzano]

Hello, I've read on this on internet, it seems that OnInit and AfterViewActivated are not called when the component is created dinamically, so I had to perform the call of methods in the constructor