材质图标上的 matTooltip

Question

我有点担心到目前为止我无法解决。 我正在尝试在 Angular 的材质图标上启用由 Angular 提供的材质工具提示。 所以，我尝试了很多我在网上找到的东西，但没有一个能解决我的问题。 我已经尝试在普通按钮上应用 mattooltip，因为按钮工作得非常好，所以我对导入模块和其他东西肯定没有问题。 唯一不起作用的是材质图标上的工具提示。 也许你对解决方案有一个想法，我想我错过了一些非常简单的东西，但我无法弄清楚......

这是我迄今为止尝试在图标上启用它的方法：

<span class="material-icons" matTooltip ="TEST">wifi</span>

Answer 1

要应用 mat 工具提示，您必须确保在app.module.ts中实际导入了 angular 材料 mattooltip，如下所示。

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

@NgModule({
  declarations: [
    AppComponent,
  ],
imports: [
    MatTooltipModule,
  ],
 providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

还要确保你有一个以你的风格导入的主题。css

@import "~@angular/material/prebuilt-themes/indigo-pink.css";