ngTableのツールチップ（タイトル属性）にデータ値が表示されません

Question

このplunkには2つの列を持つngTableがあります。データの上にカーソルを置くと、値の代わりに列名がツールチップに表示されます。これは、title属性がtdで、列名が設定されているためです。どのように実際の値を表示するためにそれを修正するには？

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>