angular-ui/ui-grid

UI grid memory leak issue

Open

#6,049 opened on Mar 2, 2017

View on GitHub
 (3 comments) (3 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
help wantedseverity: memory leak

Description

I am using UI grid v4.0.2, where its mentioned memory leak issue is fixed. I have total 174MB data bind to grid. If I do page refresh then only first time its loading data. but When I am trying to call api to get data and bind to grid second time its crashing. Second time it should release memory but its not releasing , I can see previous memory references.

  • Tried to reload state before calling api next time(as on page refresh its working first time)

  • Tried cleaning all grid objects on $destroy and reset method before calling second time.

    delete $scope.gridApi; delete gridApi; delete $scope.gridData;

But its crashing second time.

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
AngularJS basicsMemory leak debugging
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20
Research direction
Investigate the memory leak in angular ui/ui grid v4.0.2. The issue occurs when rebinding data to the grid after a page refresh works only once. The user attempted to clean gridApi and gridData but still faces a crash. Examine the grid's $destroy and reset methods in the source code to identify watchers or event listeners not being released. Check for retained references in the scope or internal grid components. Look at files like src/js/core/factories/Grid.js and src/js/core/directives/Grid.js for cleanup logic. Also review the grid's data binding mechanism to ensure all watchers are removed on grid destruction.