尝试从 Angular Material 操作 md-tooltip，显示在左侧而不是底部

Question

我正在使用 Angular Material，我想将 md-tooltip 放置在 md-button 的左侧，而不是默认的底部定位。

我试图直接修改 tooltip.css，但我相信 tooltip.js 正在使用父按钮来定位工具提示。

我不确定如何进行。

Answer 1

在搜索 angular-material 问题页面后，我发现实现了 md-direction。

因此，要将工具提示放在按钮的左侧，您可以执行如下操作：

<md-button class="md-fab md-primary" aria-label="newevent">
    <md-icon md-svg-src="/static/lib/img/add.svg"></md-icon>
    <md-tooltip md-direction="left">New Event</md-tooltip>
</md-button>

尝试从 Angular Material 操作 md-tooltip，显示在左侧而不是底部

Attempting to manipulate md-tooltip from Angular Material, show on left instead of bottom

material-design

angular-material