时间戳

首页 > 解决方案 > AG-Grid + Angular 6 = 兼容？

ag-grid - AG-Grid + Angular 6 = 兼容？

问题描述

刚开始使用 Angular，所以显然使用 NG6

试图用 AG-Grid 创建一个演示来证明付费版本的成本是合理的，但是按照他们网站上的简单步骤开始操作会给我以下错误。让我首先确保该组件与 Angular 6 兼容？

干杯，N

Uncaught Error: Template parse errors:
Can't bind to 'rowData' since it isn't a known property of 'ag-grid-angular'.
1. If 'ag-grid-angular' is an Angular component and it has 'rowData' input, then verify that it is part of this module.
2. If 'ag-grid-angular' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("   style="width: 500px; height: 500px;" 
                class="ag-theme-balham" 
                [ERROR ->][rowData]="rowData" 
                [columnDefs]="columnDefs">
            </ag-grid-angular>
"): ng:///AppModule/AppComponent.html@11:16
Can't bind to 'columnDefs' since it isn't a known property of 'ag-grid-angular'.
1. If 'ag-grid-angular' is an Angular component and it has 'columnDefs' input, then verify that it is part of this module.
2. If 'ag-grid-angular' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
                class="ag-theme-balham" 
                [rowData]="rowData" 
                [ERROR ->][columnDefs]="columnDefs">
            </ag-grid-angular>

"): ng:///AppModule/AppComponent.html@12:16
'ag-grid-angular' is not a known element:
1. If 'ag-grid-angular' is an Angular component, then verify that it is part of this module.
2. If 'ag-grid-angular' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
        <div class="col-10">

            [ERROR ->]<ag-grid-angular 
                style="width: 500px; height: 500px;" 
                class="ag-t"): ng:///AppModule/AppComponent.html@8:12
    at syntaxError (compiler.js:215)
    at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:14702)...

标签： ag-gridangular6

解决方案

是的，它是兼容的。

我一直是个白痴，在 app-routing.module 而不是 app.module 中添加了代码。（n00b！！）

推荐阅读