Лучший способ общения с дочерними компонентами

Question

У меня есть reservation page, который расширяет ReservationController, где я включаю reservation-cards, который html выглядит следующим образом:

<div class="reservation-card padding-b">
  <mm-list-card [restaurant]="restaurant" [reservation]="true"></mm-list-card>
  <div class="reservation-info">
    <mm-reservation-info 
        [status]="status" 
        [reservationDetails]="reservationDetails"
        (_cancelReservation)="cancelReservation()"></mm-reservation-info>
  </div>
</div>

Как вы видите, у меня есть выход на reservation-info компонент

Компонент booking-info имеет кнопку отмены, которая выглядит следующим образом (Не весь компонент, но достаточно для примера):

<p *ngIf="active" class="n-margin xs-margin-t" (click)="cancelReservation()"><a>cancel</a></p>

, как вы видите, имеет функцию cancelReservation() isесть другой способ, кроме вывода и выдачи функции два раза, чтобы удалить ее из массива данных ReservationController на странице резервирования?

Массив данных в контроллере выглядит следующим образом:

savedData = {
    newData: [],
    reservation: []
};

Если я добавлю ReservationController в информации о резервировании, он создаст новый экземпляр, и данные в массиве будут пустыми.

Так, каков наилучший способ сделать это?Как мне кажется, многократное использование метода вывода не самый эффективный способ сделать это?