In an Angular project from I am updating Ag grid version from 31.3.1 to 32-lts. And to do this I have run command "$ npx u/ag-grid-devtools/cli@^32.2 migrate --from=31.3.1" While executing this command it gave me errors in console as

This method has been deprecated - this.gridApi.showLoadingOverlay();

On update guide it is mentioned as

Grid API - showLoadingOverlay is deprecated, setting loading=true to enable overlay.
grid API

I tried setting [loading]="true" in HTML however it says [loading] is not an input property.

and also in gridOptions as

this.gridOptions = {
  loading: true
}

It says 'loading' does not exist in type 'GridOptions'

Then how fix this all?

In an Angular project from I am updating Ag grid version from 31.3.1 to 32-lts. And to do this I have run command "$ npx u/ag-grid-devtools/cli@^32.2 migrate --from=31.3.1" While executing this command it gave me errors in console as

This method has been deprecated - this.gridApi.showLoadingOverlay();

On update guide it is mentioned as

Grid API - showLoadingOverlay is deprecated, setting loading=true to enable overlay.
grid API

I tried setting [loading]="true" in HTML however it says [loading] is not an input property.

and also in gridOptions as

this.gridOptions = {
  loading: true
}

It says 'loading' does not exist in type 'GridOptions'

Then how fix this all?

• angular
• ag-grid
• ag-grid-angular

• did you check this codesandbox, could you verify the aggrid versions match, they are using 33.1.0 please replicate on the sandbox and update on the question – Naren Murali Commented Feb 14 at 11:48

1 Answer 1

If you do not want to bind to the loading property, another way of showing the loading indicator is by setting it using the grid api:

this.gridApi.setGridOption('loading', true);