如何在Angular 8中将Ag-Grid从版本21迁移到版本22

Question

在版本22中，Ag-grid彻底更改了代码，因此现在将其部署在模块中，主要是从两个新软件包@ ag-grid-community / all-modules或@ ag-grid-enterprise / all-modules部署的。他们网站上的文档对于如何成功迁移到新版本22尚不清楚，尤其是对于Angular应用程序。甚至代码示例也不起作用（它们引用了未知模块@ ag-grid-community / angular）。

有人知道如何在Angular 8中将Ag-Grid从21版迁移到22版吗？也欢迎提供任何有关企业版的信息。

Answer 1

如果您仍要使用所有模块和角度模块，则设置如下：

添加Ag-Grid依赖项：

• 删除所有当前的聚集依赖项。
• 如果仅想使用社区，只需添加@ag-grid-community/all-modules
• 如果要使用企业版，只需添加@ag-grid-enterprise/all-modules，而无需添加社区依赖，因为它已经包含在企业版中

添加角度网格依赖性

您现在应该使用ag-grid-angular

，而不是原来的@ag-grid-community/angular

因此，现在，如果使用企业版，则所有依赖项都应如下所示：

"@ag-grid-community/angular": "^22.1.2",
"@ag-grid-enterprise/all-modules": "^22.1.2",

注册模块

现在是时候配置网格将使用的模块了。您可以per grid或全局进行配置。

您可以将所有模块全局注册到app.module.ts中的所有网格中：

import {ModuleRegistry, AllModules} from '@ag-grid-enterprise/all-modules';


export class AppModule {


  constructor() {
    ModuleRegistry.registerModules(AllModules);
  }
}

更改进口

现在请确保将所有从旧软件包中导入的内容都修复为新

。

例如。

import {AgGridAngular} from "ag-grid-angular"; 

成为

import {AgGridAngular} from "@ag-grid-community/angular";

更新CSS导入

您需要确保所有CSS导入都已更新到新的软件包系统。

例如，这个：

@import "~ag-grid-community/dist/styles/ag-grid.css";
@import "~ag-grid-community/dist/styles/ag-theme-balham.css";
@import "~ag-grid-community/dist/styles/ag-theme-blue.css";

成为这个：

@import "~@ag-grid-community/all-modules/dist/styles/ag-grid.css";
@import "~@ag-grid-community/all-modules/dist/styles/ag-theme-balham.css";
@import "~@ag-grid-community/all-modules/dist/styles/ag-theme-blue.css";

有关更多信息，请检查ag-Grid Modules: Migrating