在角6返回空值反应形式

Question

我使用的反应性形式在角6 ng2-archwizard

我已经检查了所有步骤，但整个物体填充空值

json Object returned from formGroup

我该怎么办 ？！我已导入反应形式模块父模块和formGroup，FormControl组分TS文件..

Answer 1

为了在角使用活性形式的需要中选取适当的模块先导入到你的目标module.ts文件。 E.g：app.module.ts是这样的：

@NgModule({
 declarations: [
  AppComponent
  .
  .],
 imports:[
  .
  .
  ReactiveFormsModule],
 entryComponents:[..],
 providers: []
 ....

那么你的目标组件some.component.tsshould是这个样子：

myForm = this.fb.group({
 field1:['',[Validators.required,...]],
 field2: ....
)};

constructor(private fb: FormBuilder, ...){}

然后在你的HTML文件some.component.html文件，你只是显示你这样的形式：

<form [formGroup]="myForm" (ngSubmit)="yourSubmitFunction(myForm)">
 <div>
  <input formControlName="field1" >
 </div>
 .
 .
 .
 <button type="submit">Submit</button>
</form>

希望这可以帮助你！