How to add click event on element added by jquery append or prepend in angular 4

I am working on a project and I have used fancy select for more attractive selector drop down option. I have appended the fancy select using jquery and now I want to listen to an click event form those appended select options. I thought of using jquery event handler but i can only write jquery code inside function for example inside appendOptions(){} or ngOnInit(){} but this will execute only when function is executed.

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 

I tried to user render2 of angular but I cant figure out the click of the options. all the native element will fire this element.

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

How can I reference using element class or id and get their data values? I also tried using @ViewChild but I don't know how to add element reference (eg: #element) dynamically. And I am not being able to think what to use. Thanks in advance.