Question

我的情况是我的表单看起来像这样：

<form (formGroup)="form" (ngSubmit)="save()" >

<input type="text" (ngModel)="User.name" formControlName="name" />
<input type="text" (ngModel)="User.password" formControlName="password" />
<input type="text" (ngModel)="Register.fullName" formControlName="fullName" />

<input type="submit" />

</form>

在我的组件类中，我有一个方法save（），它看起来像这样：

save() {

data = this.form.value;
 console.log("Display User Object :", );

 console.log("Display Register Object :", );
}

我想在单击按钮时单独显示用户和注册对象。

Answer 1

如果您使用的是ngModel，则可以访问以下变量：

在组件类中，您需要变量：

export class MyComponent {

  public User;
  public Register;

  save() {
    console.log(this.User);
    console.log(this.Register);
  }
}

以您的形式：

<input type="text" [(ngModel)]="User.name">

对于双向数据绑定，[()]是必需的。

检索具有在Angular 4中连接的多个模型类的表单输入

1 个答案: