要在Angular 6中使用指针事件为none时显示
首先,确保你已经安装并导入了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时,工具提示将显示在
希望这可以帮助到你!