Angular 6: 根据条件禁用动态复选框
Angular 6: Disable dynamic checkbox based on condition
我有一个带有重复复选框列表的动态表单。请参阅 https://stackblitz.com/edit/angular-5jdnb5
如果一个复选框选项在一个复选框列表中被选中，则必须在其他列表中禁用相同的选项。例如，如果在第一个列表中选中选项 Life，则应在其他列表中禁用 Life 复选框。
我如何实现逻辑。请提出建议。
每次复选框的内容发生变化时，您只需将此报告到首页即可。与此报告流程的事件进行通信是一个很好的解决方案。以下是您想要的更正后 运行 应用程序。我稍后会编辑我的答案。
我创建了一个简化的演示 HERE 可以让大众理解。
这里的主要概念是维护一个options的对象和对应的list id，用于维护禁用哪个list option。
无需在组件之间传递数据，只需在组件模板上对 enable/disable 复选框进行简单的对象操作
我有一个带有重复复选框列表的动态表单。请参阅 https://stackblitz.com/edit/angular-5jdnb5
如果一个复选框选项在一个复选框列表中被选中，则必须在其他列表中禁用相同的选项。例如，如果在第一个列表中选中选项 Life，则应在其他列表中禁用 Life 复选框。
我如何实现逻辑。请提出建议。
每次复选框的内容发生变化时，您只需将此报告到首页即可。与此报告流程的事件进行通信是一个很好的解决方案。以下是您想要的更正后 运行 应用程序。我稍后会编辑我的答案。
我创建了一个简化的演示 HERE 可以让大众理解。
这里的主要概念是维护一个options的对象和对应的list id，用于维护禁用哪个list option。
无需在组件之间传递数据，只需在组件模板上对 enable/disable 复选框进行简单的对象操作