Question

data-grid.component.html

<ag-grid-angular  style="width: 100%; height: 500px;" [sideBar]='true' [ngClass]="isEditable ? 'edit-table' : 'table'" class="ag-theme-balham"  [gridOptions]="gridOptions" [frameworkComponents]="frameworkComponents"  (gridReady)="onGridReady($event)">

data-grid.component.ts 从“ @ angular / common / http”导入{HttpClient};

import 'ag-grid-enterprise';
import { PropertyKeys } from "ag-grid/dist/lib/propertyKeys";
import { ColDefUtil } from "ag-grid/dist/lib/components/colDefUtil";
// fix wrong property warning
PropertyKeys.ALL_PROPERTIES.push("__ob__");
ColDefUtil.ALL_PROPERTIES.push("__ob__");

请检查以下错误。

模板解析错误：无法绑定到“ sideBar”，因为它不是“ ag-grid-angular”的已知属性。 1.如果“ ag-grid-angular”是Angular组件，并且具有“ sideBar”输入，则请验证它是否是此模块的一部分。 2.如果“ ag-grid-angular”是Web组件，则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 3.要允许任何属性，请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。（“ style =” margin-bottom：10px;“> ] [sideBar] ='true'[ngClass] =“ isEditable？'edit-table'：'table'” class =“ ag-theme-balham” [gridOption“）：ng：///AppModule/DataGridComponent.html@ 34:58 在语法错误（compiler.js：486）

Answer 1

由于错误，网格无法识别此属性（sideBar），这是因为您使用的是旧版本的ag-grid（<19）。

对于旧版本，您应该使用“ showToolPanel”而不是“ sideBar”。

您可以阅读ag-grid changelog for version 19.0.0

还要注意这一点（如他们所描述的那样）：

“ ag-Grid的免费模块的NPM软件包名称现在为 ag-grid-community而不是ag-grid。这意味着您使用npm安装安装ag-grid-community，然后引用类似import {Grid， GridOptions}，来自“ ag-grid-community”。

角度数据网格（ag-grid）侧边栏不起作用

1 个答案: