Angular-指令未捕获jQuery中动态生成的元素

Question

我正在jQuery（在另一个文件中）生成带有类'.jqs-period-container'的元素。我希望能够捕捉到由这些元素造成的Angular事件。现在，我正在尝试使用指令。但是，由于该元素是动态生成的，因此我无法捕获它。有什么我可以解决的吗？还是通过DOM中的代码触发角度事件的另一种方式？

指令：

import { Directive, HostListener } from '@angular/core';

@Directive({selector: '.jqs-period-container'})
export class JqsPeriodContainerDirective {

  @HostListener('mouseenter') onMouseEnter() {
    console.log('Ok!');
  }
}