角度工具提示不适用于图标答案

【问题标题】：angular Tooltip not working on icons角度工具提示不适用于图标
【发布时间】：2018-11-18 20:58:00
【问题描述】：

我正在使用角度材料的工具提示。我想在将鼠标悬停在图标上时显示工具提示。当我尝试在<i> 标签上实现角度材质工具提示时，它似乎不起作用。

模块.ts

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

@NgModule({
    imports: [
        MatTooltipModule
    ]

组件.html

<h4>Info <i class="fas fa-info-circle fa-xs" matTooltip="Info about the action"></i></h4>

谁能帮帮我？

【问题讨论】：

【解决方案1】：

Font awesome css 可能存在一些问题，或者材料可能确实支持有限的标签，但请尝试以下代码。

 `<h4 matTooltip="Info about the action">Info <i class="fas fa-info-circle fa-xs"></i><`/h4>

【讨论】：