Angular 4-形式状态无效，但所有字段构成控制状态有效

Question

我正在执行编辑表格，在绑定了来自后端的数据之后，表单的状态无效，但是所有字段均具有有效状态，如何解决？p>

    createGerconForm(): FormGroup 
  {
    return this._fb.group({
      anexoGercon: new FormControl(),
      email: new FormControl('', Validators.required),
      name: new FormControl('', Validators.required),
      cpf: new FormControl('', [Validators.required,Validators.pattern(/d{3}.d{3}.d{3}-d{2}/i)]),
      origem: new FormControl('', Validators.required),
      mes: new FormControl('', Validators.required),
      ano: new FormControl('', Validators.required),
      entradaCt:  new FormControl('', Validators.required),
      prazoDeAtendimento: new FormControl('', Validators.required),
      numeroCT: new FormControl('', Validators.required),
      responsavel: new FormControl('', Validators.required)
    });
  }
bindFormGercon()
  {
    this.email.setValue(this.vm.item.emailRecebido,{onlySelf:true});
    this.name.setValue(this.vm.item.nomeParticipante,{onlySelf:true});
    this.cpf.setValue(this.maskToCPF(this.vm.item.cPF),{onlySelf:true});
    this.ano.setValue(this.vm.item.ano,{onlySelf:true});
    this.entradaCt.setValue(this._dateTimeSvc.covertToDateObject(this.vm.item.entradaCt),{onlySelf:true});
    this.prazoDeAtendimento.setValue(this._dateTimeSvc.covertToDateObject(this.vm.item.prazoAtendimento),{onlySelf:true});
    this.numeroCT.setValue(this.vm.item.numeroCT,{onlySelf:true});
    this.origem.setValue(this.vm.item.origem.id, {onlySelf:true});
    this.responsavel.setValue(this.vm.item.responsavel.id,{onlySelf:true});
    this.mes.setValue(this.vm.item.mes,{onlySelf:true});
  }
Debug status of fields:
   <p>Email: {{emailRecebido.status}}</p> 
   <p>Name:  {{nomeParticipante.status}}</p> 
   <p>Cpf:   {{cpf.status}}</p> 
   <p>Origem: {{origem.status}}</p> 
   <p>Mes:     {{mes.status}}</p> 
   <p>Ano:    {{ano.status}}</p> 
   <p>entradaCT:  {{entradaNoContencioso.status}}</p> 
   <p>prazoDeAtendimento: {{prazoDeAtendimento.status}}</p>
   <p>numeroCT: {{numeroCT.status}}</p>
   <p>Responsavel: {{responsavel.status}}</p>
   <p>Anexo:  {{anexoGercon.status}}</p>
   <p>Form: {{gerconForm.status}}</p>
Result:
Email: VALID
Name: VALID
Cpf: VALID
Origem: VALID
Mes: VALID
Ano: VALID
entradaCT: VALID
prazoDeAtendimento: VALID
numeroCT: VALID
Responsavel: VALID
Anexo: VALID
Form: INVALID

角版：4.2.4有人遇到过这个问题吗？

Answer 1

即使表单具有有效值

您可以使用此解决方案轻松调试表单。

目标是调试每个形式控件(例如，将其输出到您的视图中(，并找到保持无效的。