matTooltipTouchGestures ='off'也会为非触摸式小工具禁用工具提示

Question

我想禁用我的一些matTooltips（例如可滚动/可拖动列表中的那些，...）。根据API reference for Angular Material tooltip，有一个合适的输入属性，称为

@Input('matTooltipTouchGestures')
touchGestures: TooltipTouchGestures

带有type TooltipTouchGestures = 'auto' | 'on' | 'off'

但是当我将[matTooltipTouchGestures] =“'off'”属性添加到我的工具提示项时，非触摸小工具的工具提示也会被禁用，即：当我将鼠标悬停在按钮上时，没有工具提示显示在桌面上。

这是我如何应用该属性的示例：

<button (click)="myFunction()"
   mat-raised-button
   matTooltip="bla bla bla"
   [matTooltipTouchGestures]="'off'">
   <mat-icon>
       dashboard
   </mat-icon>
</button>

我在这里做错什么了吗？

Answer 1

我必须添加一些依赖的东西：

// app.module.ts

import {MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER, MatTooltipModule} from "@angular/material/tooltip";
import {BrowserModule, HAMMER_GESTURE_CONFIG, HammerGestureConfig, HammerModule} from '@angular/platform-browser';

@NgModule({
    ...
    providers: [
        MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER,
        {provide: HAMMER_GESTURE_CONFIG, useClass: HammerGestureConfig},
        ...
    ]
})