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

Question

我需要在 Angular Material 8 的每个树节点上的 Hover 上显示图标。

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

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

Answer 1

最好的方法是写一个指令

export class DisplayIconDirective {

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

}