如何在我的 Angular 7 项目中导入 ag-grid-enterprise

Question

我想在我使用 ag-grid 的 Angular 7 项目中使用服务器端行模型。在我的 package.json 中，我发现 ag-grid-enterprise 已经存在

"ag-grid-enterprise": "^20.0.0"

但是在 node-modules/ag-grid-enterprise 里面我没有找到 server-side-row-model。在文档中建议为：

@ag-grid-enterprise/server-side-row-model": "~22.0.0"

所以我在 package.json 中尝试这样做。但它无法导入，我也没有在 node-modules.Neither 中找到 @ag-grid-enterprise 可以导入：

import { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';

Answer 1

简答

如果您已经 ag-grid-enterprise，则不需要 @ag-grid-enterprise/server-side-row-model。此外，请确保您还拥有以下软件包：

ag-grid-angular 使 AgGrid 与 angular
ag-grid-community：包括所有社区功能。 ag-grid-enterprise 仅包含面向企业用户的附加功能

"ag-grid-angular": "^20.0.0",
"ag-grid-community": "^20.0.1",
"ag-grid-enterprise": "^20.0.0",

不要忘记在 app.module.ts

中注册您的模块

import { AgGridModule } from "ag-grid-angular";
import 'ag-grid-enterprise';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, AgGridModule.withComponents([])],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

更长的答案

有两种导入AgGrid的方法。使用 package 或 module.

"ag-grid-enterprise": "^20.0.0"

这个 package 包含所有功能。这是最简单的导入方式

@ag-grid-enterprise/server-side-row-model": "~22.0.0"
@ag-grid-enterprise/xxxxx

这是一个单独的module。它允许您 cherry-pick 仅使用您需要的功能。它有助于减少包的大小，但需要更多时间来正确设置

不能将其中的 2 个混在一起。使用 package 或 module.

Answer 2

我也遇到了同样的问题。

"ag-grid-enterprise": "^20.0.0" 少了一个模块，

现在我想知道如何添加其他模块

如何在我的 Angular 7 项目中导入 ag-grid-enterprise

How to import ag-grid-enterprise in my Angular 7 project

ag-grid

angular

ag-grid-angular

简答

更长的答案