角度材料工具提示未按预期显示

Question

我一直在各种教程网站上翻找，试图让材料工具提示发挥作用。超级令人沮丧，因为它看起来很容易。控制台不显示任何错误或警告。我使用的是 Angular 11。据我所知，一旦我将 MatTooltipModule 导入到我的 app.module.ts 中，此功能将可用于同一模块中的所有组件。

select

• Tooltip | Angular Material
• Simple YouTube Video showing how easy it is

更新：Zunayed Shahriar 提供的答案是正确的。一个小的附录，无论出于何种原因，我的项目开始使用工具提示在我将@import 语句移到 .css 文件的顶部之后。

Answer 1

对我来说很好。

确保在您的 styles.css 文件中导入 Material CSS（取决于您的主题）。

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

在 StackBlitz 演示。

结果：