열이있는 동적 ngTable에 열 제목이 표시되지 않습니다.

Question

이 plunk에는 두 개의 표가 있습니다. 단 하나의 표는 ng-table이고 열은 ng-table-dynamic입니다. 둘 다 동일한 데이터를 가리 킵니다.

두 번째 표에는 열 제목이 표시되지 않습니다. 해결 방법은 무엇입니까?

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> 

자바 스크립트 :

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 속성을 놓치고 :

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

See this plunkr.