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

Question

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

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

我不知道该怎么办。

Answer 1

在搜索角度材料问题页面后，我发现md方向已经实现。

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

<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>