Angular 材质：手动显示工具提示答案

【问题标题】：Angular material: manually display a tooltipAngular 材质：手动显示工具提示
【发布时间】：2020-04-26 15:12:24
【问题描述】：

我想以编程方式显示工具提示，但找不到方法。

使用示例：在页面加载时显示给定的工具提示几秒钟，然后将其隐藏。

我可以使用链接到 vm.isTooltipVisible 属性的 md-visible 属性。但是，我注意到如果以这种方式声明了多个工具提示：

<tooltip md-visible="vm.isTooltipVisible">Bla bla </tooltip>
<tooltip md-visible="vm.isTooltipVisible">Hi Jack</tooltip>

然后，如果其中任何一个被悬停，所有的都会同时显示。

【问题讨论】：

【解决方案1】：

我通过在控制器中声明一个数组来解决这个问题，所以：

this.isTooltipVisible = [];

然后在你的 html 中你可以使用：

<md-tooltip md-visible="vm.isTooltipVisible[0]">Bla bla </md-tooltip>

<md-tooltip md-visible="vm.isTooltipVisible[1]">Hi Jack</md-tooltip>

我不知道这是否“干净”，但它对我有用。我希望这对您有所帮助（即使这个问题已经有 2 个月了）

【讨论】：