我正在创建嵌套组件。有多个 formGroups 我想动态绑定它们。例如。
组件中的 forGroup 就像
formGroup : {
controls:{
firstName: FormControl,
lastName: FormControl,
userName: FormControl,
Password: FormControl
}
}
HTML 类似于 & 它用于多个控件..
<div [formGroup]='formGroup'>
<div class="error-box">{{formGroup.controls.get('firstName').errors}}</div>
<div *ngIf="formControl.firstName?.visible" [ngClass]="{'has-error': formControl.firstName.error}">
<label>{{formGroup.controls.get('firstName').label}}</label>
<input type="text" formControlName="firstName" [maxlength]="formContrl.firstName?.maxLength">
<span class="error" *ngif="formControl.firstName.error"></span>
</div>
<div class="error-box">{{formGroup.controls.get('lastName').errors}}</div>
<div *ngIf="formControl.lastName?.visible" [ngClass]="{'has-error': formControl.lastName.error}">
<label>{{formGroup.controls.get('lastName').label}}</label>
<input type="text" formControlName="lastName" [maxlength]="formContrl.lastName?.maxLength">
<span class="error" *ngif="formControl.lastName.error"></span>
</div>
</div>
我想将控件绑定在公共组件中。
我试过这个。
<text-input [group]="formGroup.controls.firstName" [formControls]="formControl.firstName"></text-input>
所以我正在创建常见的 HTML,但是当我尝试绑定它时,它在绑定指令时给了我错误formControlName="formControls.name //withwhat I am passing"
刚刚遇到同样的问题...
你必须使用[formControlName]="formControls.name"
代替formControlName="formControls.name"
.
更多信息请点击此处https://angular.io/docs/ts/latest/cookbook/dynamic-form.html https://angular.io/docs/ts/latest/cookbook/dynamic-form.html.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)