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

Question

我在我的角度应用程序中使用角度材料。我想在 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

Answer 2

我知道这已经很老了，但我刚刚找到了一个解决方案，也许其他人也可以使用它。

将工具提示直接放在进度条下方是行不通的，但您可以将整个内容包装在 div 或 span 中：

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

这样它工作正常。还没有找到其他的，官方讨论中好像也没有解决办法