Cannot read property 'aggLabelFilter' of undefined
I get the following error when enabling the Group option of ngGrid. Chrome DevTools shows the error Plunkr
TypeError: Cannot read property 'aggLabelFilter' of undefined
at self.parseGroupData (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:2456)
at self.getGrouping (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:2553)
at self.filteredRowsChanged (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:2370)
at self.evalFilter (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:2675)
at dataWatcher (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:3286)
at Object.fn (angular-ui.github.io/ng-grid/lib/ng-grid.debug.js:3297)
at Object.e.$digest (angular.min.js:84)
at Object.e.$apply (angular.min.js:86)
at angular.min.js:15
at Object.d [as invoke] (angular.min.js:26)angular.min.js:60 (anonymous function)
If I remove the groups: 'GameDate',
from the JS, then this works without an error.
I updated the Group setting to be an array as suggested, but the error persists. I then tried to disable the groups setting and the grousCollapsedByDefault, and enabled the ShowGroupPanel. While the error now goes away, as soon as I drag the GameDate column to the grid shows the groupings. Once I expand the group, then the error occurs again.
When expanding the group columns, I get one instance of the following error for each collapsed row of data.
Error: [$parse:ueoe] http://errors.angularjs.org/1.3.15/$parse/ueoe?p0=row.entity.