matTooltipTouchGestures = 'off' также отключает всплывающие подсказки для гаджетов без сенсорного экрана.

Question

Я хочу отключить некоторые из моих matTooltips (например, внутри прокручиваемых / перетаскиваемых списков, ...). Согласно справочнику API для Angular всплывающей подсказки материала существует подходящее свойство ввода с именем

@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},
        ...
    ]
})