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

Question

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

Answer 1

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

类似于：

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

有关示例（感谢plunkr）

，请参阅此dfsq

Answer 2

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