2015-03-08 9 views
5

Ich bin sehr neu zu angularjs. Ich möchte {{Project.inrtcvalue}} anzeigen, wenn die Maus über Werte schwebt. Wie kann ich das in angularjs tun?Wie kann man Text in Hover über angularjs anzeigen?

<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> 

so, wenn der Benutzer schwebt über diese <td> ich einen Wert von einem Controller angezeigt werden soll. Wie mache ich das? Was ist der beste Weg, dies zu tun?

+0

Sie möchten es wo zeigen? – dfsq

+0

Genau wie Sie über eine Box() schweben würde und ich möchte eine kleine Blase zeigen einen Wert, wenn ein Benutzer über den – butYouDontLookLikeADeveloper

+0

schwebte Dylan Watson gab Ihnen die einfachste und die effizienteste Antwort, wie Sie dies tun. – dfsq

Antwort

9

Sie sollten einfach in der Lage sein, die {{variable}} Notation innerhalb eines HTML-Title-Tags zu verwenden.

So etwas wie:

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

dies Siehe plunkr für ein Beispiel (Danke dfsq)

+0

Wie funktioniert das in Hover – butYouDontLookLikeADeveloper

+1

Das HTML 'title' Attribut wird den Text zeigen, wenn Sie das Element mouseover (In diesem Fall das Element td) –

+0

Dies ist Drucken {{project.intcvalue}}, anstatt den tatsächlichen Wert – butYouDontLookLikeADeveloper

5

Sie ng-mouseover und ng-show Richtlinien verwenden können this.Following ist das Beispiel zu erreichen. Example .Hope es hilft, um loszulegen.

+0

Wie würde ich die Blase zeigen, die den Text bei Hover zeigt, wenn ich diesem Beispiel folge? – butYouDontLookLikeADeveloper

Verwandte Themen