Jak korzystać z md-tooltip na md-progress-linear?

Question

Używam materiału kątowego w mojej aplikacji kątowej. Chcę umieścić md-tooltip na md-progress-bar, ale nie działa. md-tooltip działa dobrze na innych elementach, takich jak md-icon, ale nie na md-progress-linear. Jakaś pomoc. Oto, jak go używam.

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

Answer 1

Wiem, że jest dość stary, ale właśnie znalazłem rozwiązanie i może to może być również wykorzystane przez innych.

Umieszczenie podpowiedź bezpośrednio pod ProgressBar nie działa, ale można zawinąć całość w div lub rozpiętości:

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

ten sposób to działa dobrze. Nie znalazłem jeszcze nic i nie wydaje się, aby miało to rozwiązanie w oficjalnych dyskusjach

Answer 2

Musiałem owinąć pasek postępu i etykietę narzędzia w innym elemencie, ale nie zagnieżdżać podpowiedzi wewnątrz paska postępu:

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

Stylizowałem pojemnik tak, aby był wyższy od niego, ponieważ potrzebowałem go, aby był klikalny, ale nie miał małego hitboxa.

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