Angular Form Builder可选必填字段

Question

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

例如，如果我有两个选项“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字段中输入任何内容，则执行此操作会使表单无效。