子组件不向父组件的功能发送值

Question

我在父组件中定义了一个名为login的函数：

login(user: any) {
  console.log(user);
}

然后我有一个登录表单组件：

export class LoginFormComponent {
  @Output() onLogin: EventEmitter = new EventEmitter();

  constructor() {
    this.user = {};
  }
}

我使用的是这样的：

<login-form (onLogin)="login(user)"></login-form>

看起来像这样：

<input type="email" [(ngModel)]="user.email">
<input type="password" [(ngModel)]="user.password">

在这个组件中我有一个简单的按钮，它应该执行onLogin函数并将用户从login-form组件传递给外部组件：

<button (click)="onLogin.emit(user)">Login</button>

问题是user函数中login始终未定义。

为什么user从login-form发送到我的父组件？

Answer 1

需要使用特殊标识符$event来获取传递的值：

<login-form (onLogin)="login($event)"></login-form>

user指的是组件类的user属性。