Детский компонент не излучающий значение функции родительского компонента

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 свойства класса компонента.