ngTable 工具提示（标题属性）不显示数据值

Question

在这个 plunk 中，我有一个包含两列的 ngTable。当我将鼠标悬停在数据上时，工具提示显示列名而不是值。这是因为 td 的 title 属性是用列名设置的。如何修复它以显示实际值？

HTML

<table ng-table="tableParams" class="table table-bordered table-hover">
    <tbody>
        <tr ng-repeat="u in data">
                <td title="u.uid">{{ u.uid }}</td>
                <td title="u.ugr">{{ u.ugr }}</td>
        </tr>
    </tbody>
</table>

Javascript

var app = angular.module('app', ['ngTable']);
app.controller('myCtl', function($scope,NgTableParams) {

      $scope.data = [ 
        { uid: 'User 1',ugr: 'Group 1'},
        { uid: 'User 2', ugr: 'Group 2'}
      ];

      $scope.tableParams = new NgTableParams({dataset: $scope.data});

});

Answer 1

您可以在 td 上使用这个：

<td ng-attr-title="{{u.uid}}">{{ u.uid }}</td>
<td ng-attr-title="{{u.ugr}}">{{ u.ugr }}</td>

ngTable 工具提示（标题属性）不显示数据值

ngTable tooltip (title attribute) does not show data values

angularjs

ngtable