Angular 嵌套模型驱动表单的异常:“0”;“的无值存取器”;
我试图编写一个angular2模型驱动表单,其模型暗示嵌套结构,我得到以下异常:Angular 嵌套模型驱动表单的异常:“0”;“的无值存取器”;,angular,angular2-forms,Angular,Angular2 Forms,我试图编写一个angular2模型驱动表单,其模型暗示嵌套结构,我得到以下异常: No value accessor for 'signupInfo -> userAccount -> userAccountType' 以下是组件类的相关部分: ngOnInit(){ this.signupForm=this.formBuilder.group({ 注册信息:this.formBuilder.group({ 用户帐户:this.formBuilder.group({ userAcc
No value accessor for 'signupInfo -> userAccount -> userAccountType'
以下是组件类的相关部分:
ngOnInit(){
this.signupForm=this.formBuilder.group({
注册信息:this.formBuilder.group({
用户帐户:this.formBuilder.group({
userAccountType:[this.signupInfo.userAccount.userAccountType,[Validators.required]],
电子邮件:[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}
{{'DOMAIN_ENUM.+'ROLE_BASIC_PARENTS'| translate}
{{'DOMAIN_ENUM.+'ROLE_BASIC_CHILDCARE_WORKER'| translate}
{{'SIGNUP_FORM.ROLE_REQUIRED'{124; translate}}
有人能帮忙吗
edit:必须注意,我的bootstrap()
方法调用确实包括以下内容:
disableDeprecatedForms(),
provideForms(),
我仍然会犯这个错误。此外,所有与我的表单相关的类都从以下位置导入:
import {FormBuilder, FormGroup, Validators, REACTIVE_FORM_DIRECTIVES} from "@angular/forms";
将我的表格更改为使用无线电输入后,如下所示:
<form [formGroup]="signupForm" (ngSubmit)="signup()" class="col-xs-12" novalidate role="form">
<h4>{{'SIGNUP_FORM.ROLE_PREFIX' | translate}}</h4>
<fieldset formGroupName="signupInfo">
<fieldset formGroupName="userAccount">
<div class="btn-group Choix col-xs-12 text-center" [ngClass]="getCssClasses(signupForm, signupRole)">
<input class="btn StateButton col-xs-6"
id="parent"
type="radio"
value="'PARENTS_TYPE'"
title="Parents"
formControlName="userAccountType"/>
<label for="parent">
<img class="img-responsive" src="assets/media/img/parents.svg"/>
<span class="help-block">{{'DOMAIN_ENUM.' + 'ROLE_BASIC_PARENTS' | translate}}</span>
</label>
<input class="btn StateButton col-xs-6"
id="childcare_worker"
type="radio"
value="'CHILDCARE_WORKER_TYPE'"
title="Childcare worker"
formControlName="userAccountType"/>
<label for="childcare_worker">
<img class="img-responsive" src="assets/media/img/professionel.svg"/>
<span class="help-block">{{'DOMAIN_ENUM.' + 'ROLE_BASIC_CHILDCARE_WORKER' | translate}}</span>
</label>
<div [hidden]="signupForm.valid">
<div *ngIf="signupForm?.controls?.signupInfo?.controls?.userAccountType?.errors?.required" class="control-label">
{{'SIGNUP_FORM.ROLE_REQUIRED'| translate}}
</div>
</div>
</div>
{{'SIGNUP_FORM.ROLE_PREFIX'| translate}
{{'DOMAIN_ENUM.+'ROLE_BASIC_PARENTS'| translate}
{{'DOMAIN_ENUM.+'ROLE_BASIC_CHILDCARE_WORKER'| translate}
{{'SIGNUP_FORM.ROLE_REQUIRED'{124; translate}}
问题已经解决了