角反应形式双向结合

时间:2018-07-26 04:56:03

标签: angular angular-ngmodel angular-reactive-forms two-way-binding

我在确定Angular反应形式双向数据绑定的最佳方法时遇到了麻烦。 我想在输入中使用表格形式的ngmodel,以便使用使用该模型的指令。但是为了做到这一点,我必须像这样处理两个对象:

<form [formGroup]="form">
  <input name="first" formControlName="first" [(ngModel)]="example.first"/>
  <input name="last" formControlName="last" [(ngModel)]="example.last"/>
</form>

export class App {
  form: FormGroup;
  example = { first: '', last: '' };

  constructor(builder: FormBuilder) {
    this.form = builder.group({
      first: '',
      last: ''
    })
  }
}
  1. 示例
  2. 自我形成的形式

这使我的代码复杂化。

什么是最好的方法?

0 个答案:

没有答案