Wie benutze ich md-tooltip auf md-progress-linear?

Question

Ich verwende eckiges Material in meiner eckigen App. Ich möchte eine MD-Tooltip auf MD-Progress-Bar, aber es funktioniert nicht. md-tooltip funktioniert gut mit anderen Elementen wie md-icon, aber nicht mit md-progress-linear. Irgendeine Hilfe. Hier ist, wie ich es benutze.

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

Answer 1

Ich weiß, das ist ziemlich alt, aber ich habe gerade eine Lösung gefunden und vielleicht kann dies auch von anderen verwendet werden.

Putting den Tooltip direkt unter dem progressbar nicht funktioniert, aber man kann das Ganze in einem div oder Spanne wickeln:

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

Auf diese Weise funktioniert es gut. Habe noch nichts gefunden und es scheint keine Lösung in den offiziellen Diskussionen zu haben

Answer 2

Ich musste den Fortschrittsbalken und den Tooltip in ein anderes Element verpacken, aber den Tooltip nicht in den Fortschrittsbalken einbetten:

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

Ich habe den Container so gestylt, dass er größer ist als er ist, weil ich ihn anklickbar brauchte, aber keine winzige Hitbox hatte.

Demo: http://codepen.io/langdonx/pen/GowBeq