在Angular Material 8中的每个树节点上显示onHover图标

问题描述

我需要在Angular Material 8的每个树节点的“悬停”上显示图标。

实现此目标的最佳方法是什么？

考虑到我们将拥有500-1000个treenodes和性能方面，我不想使用ngAfterViewChecked并在每个treeNode上绑定onHover事件来实现这一点。

解决方法

最好的方法是编写指令

export class DisplayIconDirective {

  @HostBinding('width') width = 0
  @HostListener('mouseenter',['$event'])
  onHover(e){
    this.width = 200
  }

}