如何在鼠标悬停在html页面上呈现的angularjs表达式上显示标题？

Question

我的HTML页面中有一个部分如下：

<div ng-app="" ng-init="patient={firstName:'John',lastName:'Doe'}">
    <p>{{ patient.firstName}} | {{ patient.lastName }}</p>
</div>

它以图块的形式显示，需要在鼠标悬停时在工具提示中显示渲染文本。

我在CSS中使用了text-overflow: ellipsis来显示(...)，以防文字长度超过我的跨度大小。

任何建议都非常感谢。提前谢谢。

Answer 1

你可以发一个你的HTML代码片段吗？此外，您可能需要考虑使用angular指令来呈现工具提示。如果您不想自己编写，angular会有一个很棒的UI工具包，其中包含一个工具提示指令 https://material.angularjs.org/latest/demo/tooltip

Answer 2

我认为此链接可以帮助您..

https://docs.angularjs.org/api/ng/directive/ngMouseover