我遇到一个使用角6的反应形式的怪异问题。 我的系统从json对象动态构造表单。
检查表单有效性时,它始终保持无效,并且表单控件的值仍保留为默认设置''
这是与我的组件相关的部分
this.form_inputs.custom_inputs.forEach(control =>
{
if(control.required === 1){
group.addControl(control.input_name, this.fb.control('', Validators.required));
} else {
group.addControl(control.input_name, this.fb.control(''));
}
});
和html
<div [formGroup]="form" *ngIf="input.input_type === 'radio'" [ngClass]="customClass">
<label class="white" [innerHTML]="input.placeholder | trustHtml"></label><br>
<div *ngFor="let value of input.input_options">
<input id="{{value.input_name}}-{{counter}}" formControlName="{{input.input_name}}" name="{{input.input_name}}-{{counter}}" type="{{input.input_type}}" [value]="value.input_name">
<label class="inline" for="{{value.input_name}}-{{counter}}" style="font-weight: 500"> {{value.placeholder}}</label>
</div>