Question

我正在尝试设置 ag-grid 我已经运行的Angular项目，但我无法获得依赖项。在我们的项目中，我们有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。所以我可以放'ag-grid'：{ defaultExtension：“js” }，仅在我的system.config文件和package.json中。

ag-grid-angular还需要ag-grid以角度2运行。我怎么能得到相同的，因为我们也无法访问npm。

Answer 1

创建角项目
添加ag-grid依赖项
在AppModule
在styles.scss
使用ag-grid-angular组件渲染ag-grid

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

Answer 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';

Answer 3

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

Answer 4

在您的systemjs.config.js中

声明ag-grid主文件的路径：

     'ag-grid': {
        main: 'main.js'
     },

Answer 5

是ag-grid-angular需要ag-grid以角度2运行。您需要在package.json文件中包含ag-grid-angular以获取依赖关系。您可以使用webpack进行捆绑。

的package.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
        ])
    ],
})

在Angular中设置ag-grid

5 个答案: