在 ag-grid 中对 onCellValueChanged 上的单元格进行样式设置时出现问题

Question

如果 'onCellValueChanged' 处理程序中的 'oldValue' 和 'newValue' 不相等，我正在尝试使用特定背景颜色设置单元格的样式。

var gridOptions = {
    columnDefs: columnDefs,
    rowData: rowData,
    onCellValueChanged: function(params) {
      if(params.oldValue !== params.newValue) {
        params.colDef.cellStyle = function(params) {
        return { backgroundColor: 'green'}; 
      }
    }
  }
 };

当我将单元格值编辑为新值时，我没有看到样式更改被应用于跳出或单击任何其他单元格。相反，我必须再次单击已编辑的单元格，然后在外部单击以查看正在应用的样式。我不确定发生了什么，有人可以在这里指导我。我还添加了demo

Answer 1

将其绑定到您的模板

<ag-grid-angular  (cellValueChanged)="onCellValueChanged($event)">
</ag-grid-angular>