如何在Ag-grid中进行双向绑定

Question

是否可以在纯 Javascript 中进行双向绑定？

我正在尝试在 ag-grid 中进行双向数据绑定，目前，我仅通过复选框显示数据而没有绑定：

columnDefs: [
   {headerName: "HeaderA",field: "fieldA", width: 150, editable: true,
    cellRenderer: params => {
        return `<input type='checkbox' ${params.value == 'Y' ? 'checked' : ''} />`
    }
   }
]

我想为此复选框进行双向数据绑定，以便通过选中该复选框，我也可以更改单元格值。

目前，我的网格表现与这个 plunker 非常相似： https ://plnkr.co/edit/cV5wFLY4nnyQgVIcnGrF ? p = preview

[你可以点击复选框，但是如果你双击单元格本身看到单元格值，你会看到单元格值没有改变]

我非常感谢任何帮助/建议！

Answer 1

编辑：这个问题不再引用 AngularJS，但这个答案仍然引用。

是的，这是可能的。 AngularJS 使用 vanilla Javascript 来实现双向绑定，因此我们不必这样做。

但是，如果您使用的是 AngularJS 框架，那么您可能应该使用它已经提供的工具。

如果您想在不使用内置指令（例如ng-model 、 ng-bind和{{}}情况下执行绑定，请考虑$scope.$watch和$scope.$watchCollection ，这些 AngularJS 方法是内置的在 AngularJS 指令中用于设置绑定。

如果您正在使用组件，请使用$onChanges或$doCheck 。