Передача данных - объект от дочернего к родительскому Angular 6

Question

В дочернем компоненте у меня есть таблица данных, когда я нажимаю на строку, я получаю данные и сохраняю их в branchToDivision, у меня также есть кнопка, когда я нажимаю эту кнопку, я могу отправить branchToDivision вродительский компонент.

дочерний компонент

@Output() messageEvent: EventEmitter<BranchDto> = new EventEmitter<BranchDto>();
branchToDivision: BranchDto;
onSelect(record: BranchDto) {
        this.branchToDivision = new BranchDto();
        this.branchToDivision = record;
        console.log(this.branchToDivision);
        console.log(this.branchToDivision.brancH_CODE);
    }
acceptBranch() {
        this.onSelect(this.branchToDivision);
        this.messageEvent.emit(this.branchToDivision);
        this.branchModalDivision.hide();        
    }

родительский компонент

branch: BranchDto;
getBranch(branch: BranchDto): void{
        this.branch = branch;
        console.log(this.branch);
        console.log(this.branch.brancH_CODE);       
    }

родительский HTML

<branchModal #branchModal (messageEvent)="getBranch($event)" ></branchModal>

Я пытаюсь зарегистрировать свойство ветви, но оно не определено. Что не так?Любая идея помогает мне хорошо.

Answer 1

Это способ отправки информации из дочернего компонента в родительский компонент:

parent.component.html:

<div>
    <child (getData)="getData($event)"></child>
</div>

в родительском компоненте.component.ts:

public getData(value): void {
    console.log(value) // welcome to stackoverflow!
}

в child.component.ts:

import {Output, EventEmitter} from '@angular/core';

@Output() public getUserData = new EventEmitter<string>();

this.getUserData.emit('welcome to stackoverflow!');

Я надеюсь, что моя помощь эффективна ツ