jQWidgets Forums

Hello,

I am using https://www.jqwidgets.com/angular-components-documentation/documentation/angular-dynamic-components/index.htm this service for injecting angular components into the Jqxgrid, in this way:

 {
        text: 'Geographical areas',
        datafield: 'geographicalAreasString',
        width: '10%',
        createwidget: (
          row,
          column: any,
          value,
          htmlElement: HTMLElement
        ): void => {
           ......
         }
        },
        initwidget: (
          row: number,
          column: any,
          value: any,
          htmlElement: HTMLElement
        ): void => {
         .......
        },
      },

when the table is destroyed, components do not, so it accumulates a lot of memory, both in development and in production. how is it destroyed? Within the service I have seen this function, how is it used?

destroy() {

this.appRef.detachView(this.componentRef.hostView);
this.componentRef.destroy();
}