繁体   English   中英

Angular 材料标签 - 在 hover 上更改标签

[英]Angular material tabs - change tabs on hover

有没有一种有效的方法来调用 hover 上的选项卡更改以及单击?

这有点 hacky,但我没有找到任何其他解决方案,这是一个有效的Demo

另一件重要的事情是,您应该分离那些选项卡侦听OnDestroy

ngOnInit() {

  let checkExist = setInterval(() => { 
    // grab the tabs
    let tabs = document.querySelectorAll('.mat-tab-label');

    //if all the tabs rendered
    if (tabs?.length == this.tabs?.length) {

      //run and attach mouseenter listeners
      for(let i = 0; i < tabs.length; i++){
        tabs[i].addEventListener('mouseenter', ()=>{

          //when mouse entering tab - trigger click on it
          tabs[i].click();
        });
      }
      //after listener attached - clear the interval
      clearInterval(checkExist);
    }
  }, 100);  

}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM