L'info-bulle ngTable (attribut title) n'affiche pas les valeurs de données

Question

Dans cet plunk, j'ai un ngTable avec deux colonnes. Lorsque je survole les données, l'info-bulle affiche le nom de la colonne au lieu de la valeur. Cela est dû au fait que l'attribut title de td est défini avec le nom de la colonne. Comment réparer pour montrer la valeur réelle?

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

Vous pouvez utiliser sur votre td ceci:

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