Angular反应形式：嵌套单选按钮和复选框

Question

我尝试创建这种反应形式：

(o) Some radio button
( ) Another radio button
    [ ] A nested checkbox, disabled as long "Another radio button" is not selected
    [ ] Another checkbox, disabled as long "Another radio button" is not selected

在上述状态下，复选框处于禁用状态。如果第二个单选按钮被激活，则也可以选中复选框。

如何在Angular.io中使用反应形式进行建模？可以将其视为具有值的单个控件：

• 代表选择第一个单选按钮的人工值
• 第一个复选框的值
• 第二个复选框的值

另一种方式是它是一个布尔型FormControl，但是在一个值的情况下，下面添加了另一个FormControl，但我认为这是不可能的。

以反应形式逻辑建模的最佳方法是什么？

Answer 1

如果您的复选框选项是固定的，则可以在ngOnInit中为“另一个单选按钮”选项创建嵌套的FormGroup：