2015-03-08 7 views
5

मैं angularjs के लिए बहुत नया हूँ। जब माउस मूल्यों पर आच्छादित होता है तो मैं {{Project.inrtcvalue}} प्रदर्शित करना चाहता हूं। मैं angularjs में यह कैसे कर सकता हूँ।कोणीय में होवर में टेक्स्ट कैसे प्रदर्शित करें?

<table ng-table="tableParams" show-filter="true" class="table" > 
    <tr ng-class="{'danger': project.rag <= 35, 'warning': project.rag > 35 && project.rag < 70 , 'success': project.rag > 70}" ng-repeat="project in $data"> 
     <td data-title="'PRN'" sortable="'prn'" filter="{'prn': 'text'}"> 
      {{project.prn}} 
     </td> 
    </tr> 
</table> 

इसलिए जब इन <td> से अधिक उपयोगकर्ता मंडराना मैं एक नियंत्रक से कोई मान प्रदर्शित करना चाहते हैं। मैं यह कैसे करु? इसे करने का बेहतरीन तरीका क्या है?

+0

आप इसे कहां दिखाना चाहते हैं? – dfsq

+0

बस एक बॉक्स () पर आप कैसे होवर करेंगे और मैं एक छोटा सा बबल चाहता हूं जब कोई उपयोगकर्ता – butYouDontLookLikeADeveloper

+0

पर होवर करता है डायलन वाटसन ने आपको यह सरल और सबसे कुशल उत्तर दिया है। – dfsq

उत्तर

9

आपको HTML शीर्षक टैग के भीतर {{variable}} नोटेशन का उपयोग करने में सक्षम होना चाहिए।

तो जैसे कुछ:

<td title="{{project.inrtcvalue}}"> 

(धन्यवाद dfsq) एक उदाहरण के लिए इस plunkr देखें

+0

होवर – butYouDontLookLikeADeveloper

+1

में यह कैसे काम करेगा जब आप तत्व को माउसओवर करते हैं तो HTML 'शीर्षक' विशेषता टेक्स्ट दिखाएगी (इस मामले में, टीडी तत्व) –

+0

यह वास्तविक मूल्य – butYouDontLookLikeADeveloper

5

आप पूरा करने के लिए this.Following उदाहरण है ng-mouseover और ng-show निर्देशों का उपयोग कर सकते हैं। Example .होप यह आपको शुरू करने में मदद करता है।

+0

यदि मैं उस उदाहरण का पालन करता हूं तो मैं होवर पर टेक्स्ट दिखाकर बबल कैसे दिखाऊंगा? – butYouDontLookLikeADeveloper

संबंधित मुद्दे