Angular 从角度窗体控件创建Javascript对象时出现编译错误

我的模型是

export class User {
  firstname:string = '';
  lastname:string = '';
  email:string = '';

  constructor(values:Object={}){
    Object.assign((this,values));
  }

}

我有一个用Angular创建的注册表格

 signupForm:FormGroup;

  constructor(private userManagementService: UserManagementService, private fb:FormBuilder) {
    this.createForm();
  }

  createForm(){
    this.signupForm = this.fb.group({
      firstName:['',Validators.required], 
      lastName:['',Validators.required],
      email:['',Validators.required],
      password:['',Validators.required]
    });
  }

  addUser(){
    this.newUser = new User({
      this.signUpForm.get('firstName').value,
      this.signUpForm.get('lastName').value,
      this.signUpForm.get('email').value
    });
    console.log("in SignupComponentComponent: addUser: "+this.newUser);
    this.userManagementService.addUser(this.newUser);
  }

我将从HTML按钮调用addUser

<button type="button" (click)="addUser()"id="signup-button" class="content-div__button--blue"> Sign Up! </button>

---

请尝试以下代码段

addUser(){
    this.newUser = new User({
      firstname: this.signupForm.get('firstName').value,
      lastname:this.signupForm.get('lastName').value,
      email:this.signupForm.get('email').value
    });

---

非常感谢Santosh，J.D.你的答案是一样的。“它起作用了。”ManuChadha很高兴它帮助我们从在线教程中复制。我真的没注意到。你看到问题了吗？@JD-有趣的是，你指出了构造函数值：Object={}{Object.assignthis，values；}。我不得不去掉多余的大括号，因为我用它得到的是空值。已更改为constructorvalues:Object={}{Object.assignthis，values；}

addUser(){
    this.newUser = new User({
      firstname: this.signupForm.get('firstName').value,
      lastname:this.signupForm.get('lastName').value,
      email:this.signupForm.get('email').value
    });