angularjs - 如何在 md-progress-linear 上使用 md-tooltip？

Question

我在我的 angular 应用程序中使用了 angular Material 。我想在 md-progress-bar 上放置一个 md-tooltip，但它不起作用。 md-tooltip 在 md-icon 等其他元素上运行良好，但不适用于 md-progress-linear。任何帮助。这是我如何使用它。

<md-progress-linear md-mode = "determinate" value = "value">
    <md-tooltip>
        Hello
    </md-tooltip>
</md-progress-linear> 

Answer 1

我必须将进度条和工具提示包装在另一个元素中，但不要将工具提示嵌套在进度条内:

    <div class="progress-container">
      <md-progress-linear md-mode="determinate" value="50"></md-progress-linear>
      <md-tooltip>Hello</md-tooltip>
    </div>

我设计了容器以使其比实际更高，因为我需要它可点击，但不能有一个很小的碰撞框。

演示: http://codepen.io/langdonx/pen/GowBeq