angular - 角度数据网格(ag-grid)侧边栏不起作用
问题描述
数据-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. 允许任何属性将“NO_ERRORS_SCHEMA”添加到该组件的“@NgModule.schemas”。(" style="margin-bottom: 10px;"> ][sideBar]='true' [ngClass]="isEditable ? 'edit-table' : 'table'" class="ag-theme-balham" [gridOption" ): ng:///AppModule/DataGridComponent.html@34:58 at syntaxError (compiler.js:486)
解决方案
正如错误所说,网格无法识别此属性(sideBar),这是因为您使用的是旧版本的 ag-grid(<19)。
对于旧版本,您应该使用“showToolPanel”而不是“sideBar”。
还要注意这一点(如他们所述):
“ ag-Grid 的免费模块的 NPM 包名称现在是 ag-grid-community 而不是 ag-grid。这意味着您使用 npm install ag-grid-community 安装,然后引用 import {Grid, GridOptions} from “ag-grid-community”。
推荐阅读
- reactjs - 浅渲染依赖于 TweenLite 的组件
- reactjs - 在反应中,axios 系统地返回 404 错误
- php - 使用 api 创建 adwords campign 时出错
- html - 将特定主机重定向到子目录而不影响使用 .htaccess 的不同主机
- android - 特定于我的代码的 Java 到 kotlin 的转换
- java - Wiremock 请求匹配两个查询参数之间的比较
- python - 基于结构化数组查询 Numpy 结构化数组
- xamarin.forms - UWP 上的 Xamarin Forms Map 引发异常
- android - AWS AppSync:在应用程序关闭或没有 Internet 连接后跨设备同步数据
- sql - SQL 总计 pr 组