Javascript 模式窗口中的按钮不在ng模板中调用

我的模态窗口有问题。这是我的模态组件代码

    <ng-template #template class="modal-md">
  <div class="modal-content">
    <div class="modal-header">
      <h4 class="modal-title">Товар додано до <u class="pointer" routerLink="cart">кошика!</u></h4>
    </div>
    <div class="modal-body">
      <button (click)="log()">Press me0!</button>
      <div *ngFor="let item of this.cartService.getProductsInCart()">
        <button (click)="log()" type="button">Press me1!</button>
        <input (click)="deleteItem(item.product.productId)" type="button" value="click me">
       ...
</ng-template>

希望有人能帮我解决我的问题

<app-modal-window
  #showCartComponentModal
  (hideModal) = "hideCartModal()"
></app-modal-window>