确保从角度 ag-grid 中的多个复选框中选择了至少一个复选框

Posted 2023-03-28

【中文标题】确保从角度 ag-grid 中的多个复选框中选择了至少一个复选框

【英文标题】：Make sure at least one checkbox is selected from multiple checkboxes in angular ag-grid

【发布时间】：2021-08-06 08:44:21

【问题描述】：

我正在使用角度 ag-grid 来显示一些来自 API 的数据。我有一些值作为布尔值，我正在使用复选框，如果值为 true，则显示布尔值，我将复选框显示为选中，如果值为 false，我将复选框显示为未选中。 如果一行中只有一个复选框被选中，我的目标是禁用一个复选框。 我在这个链接https://stackblitz.com/edit/ag-grid-checkboxes?file=app%2Fag-grid-checkbox%2Fag-grid-checkbox.component.ts下创建了一个演示。

加载时我可以做到，但如果我要更改复选框的状态，我想重新验证。谁能告诉我如何实现这一目标？

【参考方案1】：

您可以使用反应形式来做到这一点。将您的复选框添加到表单组中并添加验证功能以检查是否至少选择了一个复选框。

https://***.com/a/43386577/1353431

【讨论】：

为了在 ag-grid 中显示复选框我已经创建了一个单元格渲染组件来实现这一点你能告诉我如何在单元格渲染组件中处理我的场景