matTooltipTouchGestures='off' 也禁用非触摸小工具的工具提示

Question

我想禁用我的一些 matTooltips（比如 scrollable/draggable 列表中的那些，...）。根据 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},
        ...
    ]
})

matTooltipTouchGestures='off' 也禁用非触摸小工具的工具提示

matTooltipTouchGestures='off' also disables tooltips for non-touch gadgets

tooltip

touch

angular-material

angular