Come usare md-tooltip su md-progress-linear?

Question

Sto usando materiale angolare nella mia app angolare. Voglio mettere un md-tooltip su md-progress-bar ma non funziona. md-tooltip funziona bene su altri elementi come md-icon ma non su md-progress-linear. Qualsiasi aiuto. Ecco come lo sto usando.

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

Answer 1

So che questo è piuttosto vecchio, ma mi sono appena trovato una soluzione e forse questo può essere usato anche da altri.

Mettere il suggerimento direttamente sotto il progressbar non funziona, ma si può avvolgere il tutto in un div o luce:

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

In questo modo funziona benissimo. Non ho ancora trovato nulla e non sembra avere una soluzione nelle discussioni ufficiali

Answer 2

Ho dovuto avvolgere la barra di avanzamento e il suggerimento in un altro elemento, ma non annidare il suggerimento all'interno della barra di avanzamento:

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

ho nello stile di contenitore per renderlo più alto di quello che è, perché avevo bisogno di essere cliccabile, ma non hanno una piccola hitbox.

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