Angular 将数据传递给父级的子级没有响应

Question

我在数组 table 中有一个数据列表，我在单击 Add User 按钮时显示表单，它工作正常。

但我还想在单击 cancel 按钮时隐藏表单，这似乎不起作用。我遵循了 angular 中关于事件发射器的文档。单击事件时数据未传输到父级。

我已经创建了一个演示。请帮忙。

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>

Angular 将数据传递给父级的子级没有响应

Angular data passing child to parent not responding

angular

angular-event-emitter