如何在 Angular Material 中的表单元素上显示工具提示

Question

我需要针对图片上的某些字段显示帮助信息。

我想<md-tooltip>最适合这个。 然而，提示图标并没有调整它，它在第二行失败。

Answer 1

到目前为止，我得到以下解决方案http://codepen.io/adambubela/pen/JXzzaV?editors=1000

<div ng-controller="DemoCtrl" layout="column" layout-padding="" ng-cloak="" class="" ng-app="MyApp">
  <md-content>
    <div layout>
          <md-input-container class="md-block" flex>
              <label>Name</label>
              <input ng-model="user.name" type="text">
          </md-input-container>
           <md-button class="md-icon-button" aria-label="help" style="margin-top:22px">
             <md-icon md-svg-src="img/icons/ic_person_24px.svg" class="name"></md-icon>
             <md-tooltip md-direction="bottom">We need to know how to call you</md-tooltip>
           </md-button>
      </div
  </md-content>
</div>

但是我觉得它不是很优雅，因为它需要许多嵌套元素。