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

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

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

Answer 2

这样的结构：

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

访问如下：

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

如果我没有正确回答您的问题。

Answer 3

你可以在组件中使用这个功能

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