如何在我的 Angular 项目中从 Ag-grid 实现树数据模式

如何解决如何在我的 Angular 项目中从 Ag-grid 实现树数据模式

我想使用 Ag-Grid 的树数据模式对元素进行分组层次分明。我尝试使用以下示例：https://www.ag-grid.com/angular-grid/tree-data/#pivot-and-row-grouping-with-tree-data 仅包含 orgHierarchy 对象来定义路径。就像这样：

this.rowData = [
  {
    orgHierarchy: ['Erica Rogers'],},{
    orgHierarchy: ['Erica Rogers','Malcolm Barrett'],'Malcolm Barrett','Esther Baker'],{
    orgHierarchy: [
      'Erica Rogers','Esther Baker','Brittany Hanson',],'Leah Flowers','Tammy Sutton','Derek Paul','Francis Strickland'],'Francis Strickland','Morris Hanson','Todd Tyler','Bennie Wise','Joel Cooper',];

在 plunker 中工作正常，但是，当我尝试在我的项目中运行它时显示错误：

    core.js:4197 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'forEach' of undefined
TypeError: Cannot read property 'forEach' of undefined
    at GroupStage.push../node_modules/@ag-grid-enterprise/row-grouping/dist/es6/rowGrouping/groupStage.js.GroupStage.createGroup (groupStage.js:389)
    at GroupStage.push../node_modules/@ag-grid-enterprise/row-grouping/dist/es6/rowGrouping/groupStage.js.GroupStage.getorCreateNextNode (groupStage.js:374)
    at groupStage.js:340
    at Array.forEach (<anonymous>)
    at GroupStage.push../node_modules/@ag-grid-enterprise/row-grouping/dist/es6/rowGrouping/groupStage.js.GroupStage.findParentForNode (groupStage.js:339)
    at GroupStage.push../node_modules/@ag-grid-enterprise/row-grouping/dist/es6/rowGrouping/groupStage.js.GroupStage.insertOneNode (groupStage.js:323)
    at groupStage.js:315
    at Array.forEach (<anonymous>)
    at GroupStage.push../node_modules/@ag-grid-enterprise/row-grouping/dist/es6/rowGrouping/groupStage.js.GroupStage.insertNodes (groupStage.js:314)
    at GroupStage.push../node_modules/@ag-grid-enterprise/row-grouping/dist/es6/rowGrouping/groupStage.js.GroupStage.shotgunResetEverything (groupStage.js:310)
    at resolvePromise (zone-evergreen.js:798)
    at zone-evergreen.js:705
    at fulfilled (tslib.es6.js:73)
    at ZoneDelegate.invoke (zone-evergreen.js:364)
    at Object.onInvoke (core.js:27437)
    at ZoneDelegate.invoke (zone-evergreen.js:363)
    at Zone.run (zone-evergreen.js:123)
    at zone-evergreen.js:857
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Object.onInvokeTask (core.js:27425)

我已经在我的 app.module.ts 中导入了模块，并且企业密钥可以正常工作。

    import { ModuleRegistry,AllCommunityModules } from '@ag-grid-community/all-modules';
    import { RangeSelectionModule } from '@ag-grid-enterprise/range-selection';
    import { ExcelExportModule } from '@ag-grid-enterprise/excel-export';
    import { RowGroupingModule } from '@ag-grid-enterprise/row-grouping';
    import { ClipboardModule } from '@ag-grid-enterprise/clipboard';
    import { GridChartsModule } from '@ag-grid-enterprise/charts';
    import { LicenseManager } from '@ag-grid-enterprise/core';
    import { MenuModule } from '@ag-grid-enterprise/menu';

我需要知道是否有必要导入其他模块，或编写任何配置以使其工作。

感谢您的帮助。