Angular передача данных от ребенка к родителю не отвечает

Question

У меня есть список данных в таблице из массива, и я отображаю форму при нажатии на кнопку Add User, которая работает нормально.

Но я также хочу скрыть форму при нажатии кнопки cancel, которая не работает. Я следовал за документами от angular относительно источника событий. Данные не передаются родителю по событию клика.

Я создал демо. Пожалуйста, помогите.

Stackbliz demo

Answer 1

Ваше событие не привязано к <app-add-user-form>, а к <tr>. Чтобы это работало, напишите это как:

      <tr *ngIf="showForm === true">
        <td colspan="3">
          <app-add-user-form (showUserForm)="hideUserForm($event)"></app-add-user-form>
        </td>
      </tr>