Как связать события на динамически создаваемых элементах в angular 6?

Question

Предположим, у меня есть динамически созданный элемент с классом remove, и я хочу прикрепить событие click.Для этого я написал код JS, который не работает.Пожалуйста, дайте решение, IKf кто-нибудь знает.

test.compomnent.html

<div #imageList>
</div>
import { Component, OnInit, ElementRef } from '@angular/core';

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {
constructor() {}

ngAfterViewInit() {
    this.elementRef.nativeElement.querySelector('.remove')
                                  .addEventListener('click', this.click.bind(this));
  }
}