要解决"ag-grid与Angular复选框更改在模型中未更新"的问题,您可以按照以下步骤进行处理:
npm install ag-grid-angular@latest ag-grid-community@latest
rowData
的数组,并为每个对象添加一个名为checked
的属性来表示复选框的状态:rowData = [
{ name: 'Item 1', checked: false },
{ name: 'Item 2', checked: true },
// ...
];
ag-Grid
组件来显示数据,并将复选框渲染为一个Angular组件。在复选框组件中,绑定到模型的checked
属性:
onCheckboxChange
。在此函数中,通过获取行数据的引用并更新其checked
属性来更新模型中的状态:onCheckboxChange(row: any, event: any) {
row.data.checked = event.target.checked;
}
通过以上步骤,ag-Grid中的复选框更改将在模型中正确更新。