列を含むngTableのダイナミックに列のタイトルが表示されない

Question

この​​には、2つの表があります.1つは通常のng-table、ng-table-dynamicは列です。両方とも同じデータを指しています。

2番目の表に列タイトルは表示されません。その修正方法はありますか。

HTML

<br/> Table 1 

<table ng-table="tableParams" class="table table-bordered table-hover"> 
    <tbody> 
     <tr ng-repeat="u in data" ng-dblclick="alert('double click')"> 
      <td title="'User ID'">{{ u.uid }}</td> 
      <td title="'Group'">{{ u.ugr }}</td> 
     </tr> 
    </tbody> 
</table> 

<br/> Table 2 

<table ng-table-dynamic="tableParams with cols" class="table table-bordered table-hover"> 
    <tr ng-repeat="row in data"> 
    <td title="col.nm" ng-repeat="col in cols">{{row[col.nm]}}</td> 
    </tr> 
</table> 

Javascriptを：

$scope.cols = [ {nm:'uid', title: 'User ID'}, {nm:'ugr', title: 'Group ID'} ]; 

See this plunkr：

var app = angular.module('app', ['ngTable']); 

app.controller('myCtl', function($scope,NgTableParams) { 

     $scope.cols = [ {nm:'uid'}, {nm:'ugr'} ]; 

     $scope.data = [ 
     { uid: 'User 1',ugr: 'Group 1'}, 
     { uid: 'User 2', ugr: 'Group 2'} 
     ]; 

     $scope.tableParams = new NgTableParams({dataset: $scope.data}); 

}); 

Answer 1

あなたのcols内titleプロパティを逃しています。