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>