Angular 6-如何在指针事件为none时显示<td>的工具提示
创始人
2024-10-16 04:30:22
0

要在Angular 6中使用指针事件为none时显示的工具提示,你可以使用Angular Material库中的MatTooltip指令。

首先,确保你已经安装并导入了Angular Material库。可以使用以下命令进行安装:

npm install @angular/material@6.0.0

然后,在你的模块文件(通常是app.module.ts)中导入MatTooltip模块:

import {MatTooltipModule} from '@angular/material/tooltip';

接下来,在使用工具提示的组件中,使用MatTooltip指令并将其附加到元素上。你可以根据需要调整触发工具提示的事件,例如鼠标进入或离开。

内容

在上面的示例中,当鼠标进入元素时,工具提示将显示,当鼠标离开时,工具提示将隐藏。你可以根据需要调整显示和隐藏的延迟时间,以及工具提示的位置。

最后,在组件类中,使用ViewChild装饰器引用MatTooltip指令:

import { Component, ViewChild } from '@angular/core';
import { MatTooltip } from '@angular/material/tooltip';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild(MatTooltip, {static: false}) tooltip: MatTooltip;
}

现在,当指针事件为none时,工具提示将显示在元素上。

希望这可以帮助到你!

相关内容

热门资讯

透视代打!aapoker辅助器... 透视代打!aapoker辅助器是真的吗(透视)丫丫陕西扑克绿色透视(本来是真的辅助软件)-哔哩哔哩1...
透视软件!wepoker破解版... 透视软件!wepoker破解版内购(透视)兴动互娱游戏辅助器好用吗(果然真的有辅助软件)-哔哩哔哩1...
据了解!wpk刷入池率脚本(透... 据了解!wpk刷入池率脚本(透视)新蜜瓜大厅免费控制器(其实存在有辅助app)-哔哩哔哩1、任何新蜜...
今日!aapoker透视怎么用... 今日!aapoker透视怎么用(透视)传送屋有挂吗(真是是真的辅助工具)-哔哩哔哩1、传送屋有挂吗免...
透视辅助!wepoker科技辅... 透视辅助!wepoker科技辅助器(透视)wepoker辅助器是真的吗(切实是真的辅助下载)-哔哩哔...
透视真的!wepoker透视辅... 透视真的!wepoker透视辅助下载(透视)天酷辅助器(真是真的有辅助神器)-哔哩哔哩1、下载好天酷...
最终!wepoker国外版透视... 最终!wepoker国外版透视(透视)hhpoker大菠萝有没有作比(本来真的是有辅助安装)-哔哩哔...
透视线上!wepoker辅助工... 透视线上!wepoker辅助工具(透视)余干中至小程序辅助器免费(果然有辅助软件)-哔哩哔哩该软件可...
透视真的!wpk官网下载链接(... 透视真的!wpk官网下载链接(透视)卡农大厅辅助(好像真的是有辅助app)-哔哩哔哩小薇(辅助器软件...
近日!WePoKer辅助器(透... 近日!WePoKer辅助器(透视)悠闲游戏辅助(总是真的有辅助神器)-哔哩哔哩1、玩家可以在悠闲游戏...