将工具提示添加到图标按钮

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>

将工具提示添加到图标按钮

Adding tooltip to icon button

angular

angular2-forms

angular-material2