-3

我正在尝试设置我已经运行的 Angular 项目的ag-grid，但我无法获得依赖项。在我们的项目中，我们有可用的 ag-grid 8.2.0 版本。我们没有 ag-grid-angular 或任何其他依赖项。要获得对 Angular 的 ag-grid 支持，我们是否还需要获得其他依赖项？如何设置 ag-grid 以在我的项目中工作？

U PDATE 1：如链接中所述，我们可以使用：'ag-grid-angular'：'node_modules/ag-grid-angular'，'ag-grid'：'node_modules/ag-grid'，'ag-grid -enterprise' : 'node_modules/ag-grid-enterprise' }, 包: { 'ag-grid-angular': { defaultExtension: "js" }, 'ag-grid': { defaultExtension: "js" }, 'ag -grid-enterprise': { defaultExtension: "js" } ...其他包

但是在我们的项目中，我们只有 ag-grid v8.2.0 可用，而不是 ag-grid-angular。所以我只能在我的 system.config 文件和 package.json 中放置 'ag-grid': { defaultExtension: "js" }。

ag-grid 是否也需要 ag-grid-angular 才能在 angular 2 中运行我怎样才能得到相同的结果，因为我们也无法访问 npm。

4

5 回答 5

2

在 package.json 中添加依赖项：

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

在您的模块中添加 AgGridModule：

AgGridModule.withComponents([])
import {AgGridModule} from 'ag-grid-angular';

add style for theme ag grid in style.scss from node-module

在 app.component.ts 中添加以下代码

import 'ag-grid-enterprise';
于 2020-09-03T08:24:40.377 回答
1
  1. 创建角度项目
  2. 添加 ag-grid 依赖项
  3. 在 AppModule 中添加 ag-grid 模块依赖
  4. 在 styles.scss 中导入 ag-grid 样式
  5. 使用 ag-grid-angular 组件渲染 ag-grid

以下网址可能对您有所帮助。 https://www.ag-grid.com/angular-getting-started/

于 2018-04-21T07:12:57.620 回答
0

在您的 systemjs.config.js 中声明 ag-grid 主文件的路径：

     'ag-grid': {
        main: 'main.js'
     },
于 2017-05-17T13:50:32.050 回答
0

是的，ag-grid 需要 ag-grid-angular 才能在 angular 2 中运行。您需要在 package.json 文件中包含 ag-grid-angular 以获取依赖项。您可以使用 webpack 进行捆绑。

包.json

"dependencies": {
    "ag-grid": "^13.3.0",
    "ag-grid-angular": "^13.3.0"
}

app.module.ts

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

@NgModule({
    imports: [
        BrowserModule,
        FormsModule, // <-- import the FormsModule before binding with [(ngModel)]
        AgGridModule.withComponents([
            ProficiencyCellRenderer
        ])
    ],
})
于 2017-11-10T22:13:10.403 回答
0

是的，两者ag-grid都是ag-grid-angular必需的。ag-grid-angular（以前ag-grid-ng2）是 Ag-Grid 代码库的 Angular 包装器。

于 2017-05-10T17:19:43.387 回答