Angular Material 升级到 Angular 11 后工具提示不工作

Question

我一直在我的应用程序中使用 Angular Material 工具提示，但当我最近升级到 Angular 11 时，它已停止工作。我在模板中用下面的代码创建了一个测试组件，我直接从https://material.angular.io/components/tooltip/overview

复制过来的

<button mat-raised-button
        matTooltip="Info about the action"
        aria-label="Button that displays a tooltip when focused or hovered over">
  Action
</button>

我打开了 Chrome 开发工具，悬停时可以看到模板发生的变化，但我仍然看不到屏幕上的工具提示。

我安装了 Angular Material，并且导入了所有必要的模块，所以我不确定问题出在哪里（可能只是 Angular Material 中的错误？）

Answer 1

我有一个自定义主题 .scss 文件。我发现我需要一些主题中的工具提示条目，这是我以前没有的。不知道为什么现在需要但以前不需要。我加了

tooltip: map_get($mat-grey, 700)

到我的 scss 文件中的几个位置。参见 github.com/angular/components/issues/18139

Angular Material 升级到 Angular 11 后工具提示不工作

Angular Material Tooltip not working after upgrade to Angular 11

angular

angular-material

angular11