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>

这种方式很好用。 Haven还没有找到任何其他东西，而且在官方讨论中似乎没有解决方案

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

2 个答案: