155得票5回答
formControlName和FormControl有什么区别?

我正在使用 Angular2 的 ReactiveFormsModule 来创建一个包含表单的组件。以下是我的代码: foo.component.ts:constructor(fb: FormBuilder) { this.myForm = fb.group({ 'f...

137得票21回答
响应式表单 - 将字段标记为已触摸

我遇到了一个问题,不知道如何标记所有表单字段为已访问。主要的问题是,如果我没有触摸字段并尝试提交表单,则不会显示验证错误。我在控制器中有这段代码的占位符。 我的想法很简单: 用户点击提交按钮 所有字段都被标记为已访问 错误格式化程序重新运行并显示验证错误 如果有其他方法可以在提交时显示...

123得票12回答
ngModel不能用于向父级formGroup指令注册表单控件。

升级到RC5后,我们开始遇到这个错误:ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive &q...

114得票5回答
表单控件的valueChanges返回的是先前的值

我在一个名为'question1'的表单控件内,该控件位于parentForm表单对象中,我以以下方式订阅它。 它是一个具有两个选项Yes和No的单选按钮,当我选择No时,它显示Yes,当我选择Yes时,它显示No。this.parentForm.controls['question1']....

90得票8回答
响应式表单中的双向绑定

在Angular 2中,使用模型驱动表单实现双向绑定需要一些技巧。您可以使用FormControl来跟踪输入值并使用valueChanges函数订阅该控件的变化。此外,您还需要手动创建一个值更新函数,以便在用户更改表单值时更新模型。 export class ExampleModel {...

80得票7回答
FormGroup要求传入一个FormGroup实例。

我在 Plunkr 上有一个 Angular 2 RC4 基本表单示例,似乎会引发以下错误(在 Chrome 开发者控制台中) 这是 plunkr 链接: https://plnkr.co/edit/GtPDxw?p=preview 错误:browser_adapter.ts:82 EX...

60得票6回答
使用{ emitEvent: false }进行patchValue会在Angular 4的formgroup上触发valueChanges。

我有一个表单构建组,监听valueChanges事件并触发保存函数,然后在表单上刷新: this.ticketForm.valueChanges.debounceTime(1000).distinctUntilChanged() .subscribe(data => { this...

56得票4回答
如何向表单添加新的FormGroup或FormControl

我在使用 Angular 创建了以下带有 FormBuilder 的表单:constructor(private fb: FormBuilder) { this.myForm = fb.group({ 'name': ['', [Validators.required], ...

54得票2回答
为什么我应该使用Validators.compose()?

我有一个字段需要使用多个验证器进行验证。 使用模块化驱动的方法,代码看起来像这样:this.exampleForm = this.fb.group({ date_start : [ '', Validators.compose([ Validators.requ...

54得票5回答
表单生成器组件已经被弃用。

我将我的项目迁移到angular 11,并注意到我添加的全局验证使得FormBuilder.group被标记为过时,提示如下:group is deprecated: This api is not typesafe and can result in issues with Closure ...