我目前正在使用 angular2 开发 Web 应用程序的用户界面。我有一个 p-dataTable 组件 (primeNG)，当鼠标悬停在此 p-dataTable 的一行上时，我想调用一个函数。该函数应检索触发鼠标悬停事件的行的数据。
如果您知道如何使用 p-dataTable 处理鼠标悬停事件，我将很高兴知道解决方案:)
提前谢谢你。
【问题讨论】：
标签： angular datatable mouseover primeng angular-datatables
您的要求必须是鼠标悬停？我问是因为您可以使用内置的点击事件，并且鼠标悬停不是一种非常适合移动设备的行为（如果您对此有任何顾虑的话）。
如果您必须将鼠标悬停，我认为没有内置任何东西，但您可以下载源代码，然后将数据表组件放入您的项目中（也许重命名并确保更改您的导入您的 app.module.ts 用于 datatable 组件），编辑 datatable.ts 文件（如下所示：https://github.com/primefaces/primeng/blob/master/src/app/components/datatable/datatable.ts）
并劫持模板中的(mouseenter)="hover=true" (mouseleave)="hover=false" 事件并将您自己的函数放在那里以执行您想要的操作，例如：
(mouseenter)="showRowData($event)" (mouseleave)="hideRowData($event)"
类似的东西。至于数据的实际显示，您必须决定您希望它的外观，然后相应地实施它[范围超出此范围]。
我不知道这是否是最好的方法，但我认为这会奏效。
【讨论】：