2015-03-08 8 views
5

Jestem bardzo nowy w angularjs. Chcę wyświetlić {{Project.inrtcvalue}}, gdy mysz unosi się nad wartościami. Jak mogę to zrobić w angularjs?Jak wyświetlić tekst w dymku w 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> 

więc gdy użytkownik unosić nad tymi <td> chcę, aby wyświetlić wartości od kontrolera. Jak mam to zrobic? Jaki jest najlepszy sposób na zrobienie tego?

+0

Chcesz pokazać, gdzie? – dfsq

+0

Tak jak najedziesz kursorem nad polem () i chcę małej bańki z wartością, gdy użytkownik najedzie myszą ponad – butYouDontLookLikeADeveloper

+0

Dylan Watson podał ci najprostszą i najskuteczniejszą odpowiedź, jak to zrobić. – dfsq

Odpowiedz

9

Powinieneś po prostu być w stanie użyć notacji {{variable}} w tagu tytułu HTML.

Więc coś takiego:

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

Zobacz ten plunkr na przykład (Dzięki dfsq)

+0

Jak to będzie działać w hover? – butYouDontLookLikeADeveloper

+1

Atrybut "title" HTML wyświetli tekst po najechaniu myszą na element (w tym przypadku element td) –

+0

To jest drukowanie {{project.inrtcvalue}}, zamiast rzeczywistej wartości – butYouDontLookLikeADeveloper

5

Można użyć ng-mouseover i ng-show dyrektyw do osiągnięcia this.Following jest przykładem. Example. Mam nadzieję, że pomoże Ci to zacząć.

+0

Jak wyświetlić dymek z napisem po zawieszeniu, jeśli wykonam ten przykład? – butYouDontLookLikeADeveloper

Powiązane problemy