如何正确安装ag-Grid Enterprise？

Question

我用 ag-Grid 社区版 测试了一些组件，但它的支持能力有限，例如使用SetFilterModule 添加设置过滤器，所以过滤器框会出现在列标题名称下，无法使用社区版完成，因此我已卸载社区版并使用 npm 命令安装了企业版

npm i ag-grid-enterprise 

安装后package.json 显示依赖项，node_modules 文件夹显示企业模块。

但是当我尝试从app.module.ts 中的导入语句导入AgGridModule 时，它没有在下拉菜单中显示AgGridModule。如下图所示，它只有三个选项LicenseManager, SetFilter, VirtualList。所以，它给我的印象是它需要许可证。但是根据 agGrid 网站，我可以在没有许可证的情况下使用完整的企业版网格，它会添加的唯一障碍是水印和控制台错误消息。

https://www.ag-grid.com/license-pricing.php

但为了至少看到这些控制台消息，我必须正确安装它。所以我相信我还没有正确安装 agGrid。

因此，任何人都可以向我提供有关如何安装 agGrid 企业版 并在没有许可证密钥（带有水印和控制台错误消息）的情况下运行它的步骤吗？

Answer 1

要将ag-grid-enterprise 添加到您的应用程序中，您还必须安装ag-grid-community。原因可以在here in the documentation找到。

由于您使用的是 Angular，您还需要通过将 ag-grid-angular 添加到您的应用来添加框架支持。 在您的模块文件中，您必须从ag-grid-angular 导入AgGridModule：

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

安装这 3 个软件包后，您可以通过在组件文件中添加以下行来启用应用中的企业功能：

import "ag-grid-enterprise";

您可以在 ag-grid angular getting started guide 中找到所有这些的文档。

我创建了一个 stackblitz example，其中有 ag-grid-enterprise 在 Angular 上工作。

Answer 2

在几乎没有 AG Grid 文档的帮助下，我终于找到了使用 Angular 安装模块的方法。

npm install @ag-grid-enterprise/all-modules
npm install @ag-grid-community/angular

（如果您只想安装某些模块，而不是all-modules，请只安装您想要的。）

如果从社区包安装迁移，请务必卸载包 ag-grid-community 和 ag-grid-angular，并替换所有导入以使用新模块而不是旧包。

styles.scss 中的样式：

@import "../node_modules/@ag-grid-community/core/dist/styles/ag-grid.css";
@import "../node_modules/@ag-grid-community/core/dist/styles/ag-theme-<whatever-theme-you-want>.css";

编辑：

我终于在他们的文档模块概述页面中找到了对@ag-grid-community/angular 的引用，该页面还概述了为特定功能（社区和企业）安装的所有模块，而不是安装@987654329 @：https://www.ag-grid.com/angular-data-grid/modules/

Answer 3

在尝试正确安装 Enterprise 之后，我终于发现我可以这样做：

import {LicenseManager} from "ag-grid-enterprise";
LicenseManager.setLicenseKey("KEY HERE");

（没有 @ 也没有 /core）

这解决了我的问题。