如何在由jquery追加或prepend在角度4中添加的元素上添加click事件

Question

我正在开发一个项目，我使用了精彩的选择来获得更具吸引力的选择器下拉选项。我使用jquery附加了花哨的选择，现在我想从附加的选择选项中收听点击事件。我想过使用jquery事件处理程序，但我只能在函数内编写jquery代码，例如在appendOptions（）{}或ngOnInit（）{}中，但这只会在执行函数时执行。

appendOptions(){
  this.categories = this.response.data.categories;  //this is response form api

  jQuery('.newSelect').prepend('<div class="selectedOption">Browse Categories</div><div class="newOptions"></div>'); //prepending the outer element

  for (let cat of this.categories) {
    jQuery('.newOptions').append('<div class="newOption" data-value="' + cat.id + '">' + cat.category + '</div>');  //appending options element
  }
  // i can write jquery code here 
}
// i cant write jquery here 

我尝试使用了角度渲染2但我无法找到选项的点击。所有本机元素都将触发此元素。

ngOnInit(){
   this.renderer.listen(this.elementRef.nativeElement, 'click', (event) => {
      this.handleClick(event);
  })
}

如何使用元素类或id引用并获取其数据值？我也试过使用@ViewChild，但我不知道如何动态添加元素引用（例如：#element）。我无法思考使用什么。提前谢谢。