我正在尝试编写一个 angular2 模型驱动的表单，其模型暗示了一个嵌套结构，我得到以下异常:

No value accessor for 'signupInfo -> userAccount -> userAccountType'

这里是组件类的相关部分:

ngOnInit() {
    this.signupForm = this.formBuilder.group({
      signupInfo: this.formBuilder.group({
        userAccount: this.formBuilder.group({
          userAccountType: [this.signupInfo.userAccount.userAccountType, [Validators.required]],
          email: [this.signupInfo.userAccount.email, [Validators.required /*,Validators.pattern(EMAIL_PATTERN), EmailValidators.emailAvailable()*/]],
          firstName: [this.signupInfo.userAccount.firstName, [Validators.required, Validators.minLength(2), Validators.maxLength(35), /*,Validators.pattern(FIRST_NAME_PATTERN)*/]]
        }),
        plainPassword: [this.signupInfo.plainPassword, [Validators.required, Validators.minLength(6)]],
        placeId: [this.signupInfo.placeId, [Validators.required]]
      })
    });
  }

这是组件模板中的相关部分:

    
{{'SIGNUP_FORM.ROLE_PREFIX' | translate}}

    

        

            

                
                       uib-btn-radio="'PARENTS_TYPE'"
                       formControlName="userAccountType">
                    
                    {{'DOMAIN_ENUM.' + 'ROLE_BASIC_PARENTS' | translate}}
                
                
                       uib-btn-radio="'CHILDCARE_WORKER_TYPE'"
                       formControlName="userAccountType">
                    
                    {{'DOMAIN_ENUM.' + 'ROLE_BASIC_CHILDCARE_WORKER' | translate}}
                

                

                    

                      {{'SIGNUP_FORM.ROLE_REQUIRED'| translate}}
                    

                

            

Có ai có thể giúp được không?

biên tập:必须注意，我的bootstrap() 方法调用确实包括以下内容:

  disableDeprecatedForms(),
  provideForms(),

我仍然收到此错误。此外，我所有与表单相关的类都从以下位置导入:

import {FormBuilder, FormGroup, Validators, REACTIVE_FORM_DIRECTIVES} from "@angular/forms";

câu trả lời hay nhất

将我的表单更改为使用 radio 输入后，如下所示:

    
{{'SIGNUP_FORM.ROLE_PREFIX' | translate}}

    

        

            

                
                       id="parent"
                       type="radio"
                       value="'PARENTS_TYPE'"
                       title="Parents"
                       formControlName="userAccountType"/>
                
                      
                      {{'DOMAIN_ENUM.' + 'ROLE_BASIC_PARENTS' | translate}}
                
                
                       id="childcare_worker"
                       type="radio"
                       value="'CHILDCARE_WORKER_TYPE'"
                       title="Childcare worker"
                       formControlName="userAccountType"/>
                
                      
                      {{'DOMAIN_ENUM.' + 'ROLE_BASIC_CHILDCARE_WORKER' | translate}}
                
                

                    

                      {{'SIGNUP_FORM.ROLE_REQUIRED'| translate}}
                    

                

            

问题已解决。

关于angular - 嵌套模型驱动表单异常 : "No value accessor for"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38476977/