angular - 向图标按钮添加工具提示

Question

我正在尝试将 md 工具提示添加到 md-icon 按钮，如下所示：

<div
    layout = 'row'
    layout-align = 'center center'>
  <button
      md-icon-button
      color = 'primary'
      (click) = 'resetInputForm()'>
    <md-icon class = 'md-24'>cached</md-icon>
    md-tooltip='Reset' tooltip-position='above'
  </button>
</div>

但是，图标工具提示的文字文本会显示到页面而不是消息，如下图所示：

谢谢你的帮助。

Answer 1

您需要将工具提示添加为按钮标签中的属性：

 <button
  md-icon-button
  color = 'primary'
  (click) = 'resetInputForm()'
  md-tooltip='Reset'
  tooltip-position='above'>
        <md-icon class = 'md-24'>cached</md-icon>
 </button>