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>