Html 是否将列表显示为悬停的表格?

Html 是否将列表显示为悬停的表格?,html,angular,Html,Angular,对于我正在从事的项目,我有以下情况: 当前,当我将鼠标悬停在“Idle HF”(来自图像)上时,我会看到一个列表,其中显示了逗号分隔的值。我需要将其放在一个表中,每个值放在一行中,我需要通过Angular JS实现这一点 任何帮助都将不胜感激 根据要求: <p-column field="tdst" header="TDST" [style]="{'text-align': 'left'}"> <ng-template let-row="rowData" pTem

对于我正在从事的项目,我有以下情况:

当前,当我将鼠标悬停在“Idle HF”(来自图像)上时,我会看到一个列表,其中显示了逗号分隔的值。我需要将其放在一个表中,每个值放在一行中,我需要通过Angular JS实现这一点

任何帮助都将不胜感激

根据要求:

  <p-column field="tdst" header="TDST" [style]="{'text-align': 'left'}">
    <ng-template let-row="rowData" pTemplate="body">
      <span title = {{row.tdlist}}>{{row.tdst}}</span>
    </ng-template>
  </p-column>

{{row.tdst}}
在守则中,, tdlist是我正在抓取的python列表,将其显示在悬停状态。
tdst是要在其上实现hover属性的列值

您可以尝试使用
ui.bootstrap
。他们可以拉取模板,用数组填充模板,并在悬停/单击/函数调用时显示模板。下面是一个小演示:

var-app=angular.module('myApp',['ui.bootstrap']);
应用程序控制器('myCtrl',函数($scope){
$scope.array=[1,2,3,4,5];
});

空闲高频(在表格中)
价值观
{{x}

感谢您的帮助。但我使用Angular for table而不是HTML标记,即,。。。我不确定脚本标记是否适用于这些,是的,我有一个单独的模板文件