Угловое 2 как пузыриться событие из вложенного компонента

Question

у меня есть:

<modal 
    #forgotPasswordModal 
    [viewModel]="forgotPasswordModalVm" 
    (cancelled)="onForgotPasswordModalCancelled($event)" 
    (saved)="onForgotPasswordModalSaved($event)"> 
    <forgot-password></forgot-password> 
</modal> 

Когда забыли форма пароля завершена, мне нужно, чтобы закрыть модальное по телефону близко() на компоненте родительского модальной выше. Я могу запустить событие EventEmitter, но как его получить в родительском контейнере? Я не хочу, чтобы в модальном компоненте был зарегистрирован определенный пароль, но также я не хочу использовать универсальную службу событий.

Answer 1

<modal 
    #forgotPasswordModal 
    [viewModel]="forgotPasswordModalVm" 
    (cancelled)="onForgotPasswordModalCancelled($event)" 
    (saved)="onForgotPasswordModalSaved($event)"> 
    <forgot-password (close)="onModalClose()"></forgot-password> 
</modal> 

export class ForgotPasswordComponent { 
    @Output() close:EventEmitter = new EventEmitter(); 

    // execute when the modal should be closed 
    onComplete() { 
    this.close.emit(null); 
    } 
}