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

Question

我正在使用 Angular Material，并且我想将 md-tooltip 定位到 md 按钮的左侧，而不是默认的底部定位。

我试图直接修改 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>