当在角度6的单个页面中存在两个相同组件的实例时，检测到组件外部的单击

Question

我有一个componenet，它在同一页面中呈现两次，并且每个componeent实例都有一个唯一的ID。我使用的外部点击事件是：

@HostListener('document:click', ['$event'])
  clickout(event) {
    if(this.eRef.nativeElement.contains(event.target)) {
      this.text = "clicked inside";
    } else {
      this.text = "clicked outside";
    }
  }

但是当我们在同一页面中呈现组件的两个实例时，这不起作用。

在这种情况下，谁能建议方法确定组件外部的点击次数