ngTable tooltip (атрибут title) не показывает значения данных

Question

В этом plunk У меня есть ngTable с двумя столбцами. Когда я наводил курсор на данные, всплывающая подсказка показывает имя столбца вместо значения. Это связано с тем, что атрибут titletd задан с именем столбца. Как исправить это, чтобы показать фактическое значение?

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>