Angular 7，添加指令以动态初始化组件始终调用第一个初始化组件的方法

Question

我正在处理一个有角度的页面，该页面分为两列。单击选项后，每列都可以使用动态组件加载器加载网格（Ngx-Datatable）。

为了允许在这些相同的网格组件之间拖放，我添加了一个名为dragula扩展指令（ng2-dragula的扩展）的指令

Dragula extended directive

当用户将一行从一个网格拖放到另一个网格时，它发出一个事件，该事件已绑定到网格组件中的一个函数。

grid.component.html

<ngx-datatable
  (directiveDrop)="onDrop($event)" > 

------------------------------------------

grid.component.ts 

onDrop(event){
   console.log(this)
}

问题是在网格组件方法下的 this 引用，始终引用第一个初始化的网格。

例如，如果我首先初始化右侧网格，那么 this 总是指右侧网格，反之亦然。

我无法获得稍后初始化的网格的 引用，即使它们是同一组件的两个不同实例。

这是角度的限制吗？有什么办法可以解决这个问题？