angular 4 反应形式组验证

Question

我需要建议！我想要验证反应形式。我有两个表单组，并且都输入了相同的表单控件名称。

我的代码：

  this.form = this.fb.group({
  group1: this.fb.group({
    name: ['', Validators.required],
  }),
  group2: this.fb.group({
    name: [ '', Validators.required],
  })
});

我怎么知道这两个名字的？

我试过了。但我不知道我得到了哪一个。

get name() { return this.form.get('name'); }

谢谢！

Answer 1

具有这样的结构：

this.form = formBuilder.group({
'varA': [],
'varB': formBuilder.group({
  'varC': []
(...)

访问看起来像这样：

varA = this.form.value['varA']
varC = this.form.value['varB']['varC'];

如果我答对了你的问题。

Answer 2

您可以在组件中使用此功能

 get name() { 
       return this.form.controls['group1'].value.name;
    }

Answer 3

刚刚使用了这个语句，它应该可以工作:)

get name() { return this.form.get('group1.name').value; }

angular 4 反应形式组验证

angular 4 reactive form group validation

validation

angular

angular-reactive-forms