如何在angularjs中悬停显示文本?

时间:2015-03-08 09:00:33

标签: javascript jquery css angularjs

我对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>上时,我想显示控制器中的值。我该怎么做呢?这样做的最佳方式是什么?

2 个答案:

答案 0 :(得分:13)

您应该只需在HTML标题标记中使用{{variable}}表示法。

类似于:

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

有关示例(感谢plunkr

,请参阅此dfsq

答案 1 :(得分:5)

您可以使用ng-mouseoverng-show指令来完成此操作。以下是示例。 Example。希望有助于您入门。