角4反应形式组验证

时间:2017-10-11 07:47:06

标签: angular validation angular-reactive-forms

我需要建议!我想验证反应形式。 我有两个表单组,两个表单都有相同的formcontrolname输入。

我的代码:

  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'); }

谢谢!

3 个答案:

答案 0 :(得分:0)

有这样的结构:

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

访问看起来像这样:

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

如果我的问题正确的话。

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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