Angular Form Builder可选必填字段

Question

我想根据另一个字段的选项将formbuilder的字段设置为必填或不需要。

例如，如果我有2个选项“18岁以上”或“18岁以下”和一个提交“年龄”。 如果我选择“18岁以上”选项。我必须让“年龄”字段变成必需的（强制性的）。 如果我选择“18岁以下”选项。 “年龄”字段变得不需要。

我如何使用表单构建器构建这个需求？我尝试了很多，但没有任何效果。

感谢您的支持。

Answer 1

我不确定是否有办法直接使用FormBuilder执行此操作，但您应该可以通过在模板输入中绑定[required]来完成此操作。

<input type='text' formControlName='age' [required]="form.get('over18').value === 'true'">

form成为您FormGroup和true是您的复选框/收音机输入的值的名称。

如果over18字段为true，则此操作将使表单无效，并且age字段中不会输入任何内容。