Angular 6 jquery嵌套属性单击事件不工作

在jquery中添加单击侦听器不起作用。似乎jquery没有选择在html中创建的嵌套属性来添加侦听器

我试着增加一个听众 ngOnInit() 但没用。

HTML代码

<ul class="list-unstyled dropdown-content" id="search_dropdown">
  <span *ngFor="let merchant of merchants">
    <li [ngClass]="{ active: isActive(merchant) }">
      <a href="" (click)="selectMerchantFromMenu($event, merchant)">{{merchant.name}}</a>
    </li>
  </span>
</ul>

类型脚本代码

$(document).ready(() => {
  $("#search_dropdown span li a").on("click", function(e) {
    e.preventDefault();
    alert($(this));
    $("#search_input").val($(this).text());
  });
});