angular - 如何在我的 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 中找到@ag-grid-enterprise。它也不能导入:

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

Answer 1

简短的回答
你不需要@ag-grid-enterprise/server-side-row-model如果您已经拥有 ag-grid-enterprise .此外，请确保您还拥有以下软件包:

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 .它允许您只挑选您需要的功能。它有助于减少捆绑包的大小，但需要更多时间来正确设置
您不能将其中 2 个混合在一起 .使用 package或 module .