![](/img/trans.png)
[英]How to change tabs in the unit test of a component that uses Angular Material Tabs
[英]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.