angular2-forms - Angular Form Builder 可选 必填字段

标签 angular2-forms angular2-formbuilder

我想根据另一个字段的选项将表单构建器的一个字段设置为必填或非必填。

例如,如果我有 2 个选项“18 岁以上”或“18 岁以下”,以及一个选项“年龄”。 如果我选择“超过 18 岁”选项。我必须将“年龄”字段设为必填(强制)。 如果我选择“18岁以下”选项。 “年龄”字段变为非必需字段。

如何使用表单构建器来构建该要求?我尝试了很多,但没有任何效果。

感谢您的支持。

最佳答案

我不确定是否有办法直接使用 FormBuilder 执行此操作,但您应该能够通过绑定(bind)到 [required] 来完成此操作在您的模板输入中。

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

form是你的名字FormGrouptrue是您的复选框/单选输入的值。

如果over18,这样做将使您的表单无效。字段是 true age 中没有输入任何内容 field 。

关于angular2-forms - Angular Form Builder 可选 必填字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43485147/

相关文章:

angularjs - Angular 2 嵌套表单组包含空值

Angular 2 - 无法设置表单数组值

forms - 如何将新的 FormGroup 或 FormControl 附加到表单

angular - ng-reflect-model 显示正确值但未反射(reflect)在输入中

angular - 单个html中的多种形式angular2

Angular2更新表单控件值

Angular 2 或 4 Reactive 表单集验证依赖于另一个字段值

angular - angular2 html的布局

html - 切换按钮滑动动画

forms - 设置初始值Angular 2 reactive formarray