एमडी-प्रोग्रेस-लाइनर पर एमडी-टूलटिप का उपयोग कैसे करें?

Question

मैं अपने कोणीय ऐप में कोणीय सामग्री का उपयोग कर रहा हूं। मैं एमडी-प्रोग्रेस-बार पर एमडी-टूलटिप डालना चाहता हूं लेकिन यह काम नहीं कर रहा है। एमडी-टूलटिप एमडी-आइकन जैसे अन्य तत्वों पर ठीक काम करता है लेकिन एमडी-प्रोग्रेस-लाइनर पर नहीं। कोई मदद। यहां बताया गया है कि मैं इसका उपयोग कैसे कर रहा हूं।

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

Answer 1

मैं जानता हूँ कि यह बहुत पुराना है, लेकिन मैं सिर्फ अपने आप को एक समाधान मिल गया है और शायद इस रूप में अच्छी तरह से दूसरों के द्वारा इस्तेमाल किया जा सकता।

प्रगति बार काम नहीं करता है के तहत सीधे टूलटिप लाना है, लेकिन आप एक div या सी अवधि में पूरी बात लपेट कर सकते हैं:

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

इस तरह यह ठीक काम करता है। अभी तक कुछ और नहीं मिला है और यह आधिकारिक चर्चाओं में कोई समाधान नहीं प्रतीत होता है

Answer 2

मुझे प्रगति पट्टी और टूलटिप को किसी अन्य तत्व में लपेटना पड़ा, लेकिन प्रोग्रेस बार के अंदर टूलटिप घोंसला नहीं था:

<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