추가 열을 동적으로 ngTable

Question

에 나는 ngTable 다음 있고, 동적으로 열을 추가 할 :

<table ng-table="tableParams" show-filter="showFilter" class="table table-bordered"> 
     <tbody> 
      <tr ng-repeat="d in $data" > 
       <td ng-repeat="col in cols" title="'col.nm'" 
         filter="{ col.nm: 'text' }">{{ col.nm }}</td> 
      </tr> 
     </tbody> 
    </table> 

$ 데이터는 데이터 자체를 포함,하지만 난 다른 배열의 열 정의가 :

을

$scope.cols = [ {nm:'col0'}, {nm:'col1'}, {nm:'col2'} ]; 

및 $ 데이터 :

$scope.data = [ {col0: "0", col1: "1", col2: "2"} ] ... 

나는 코드에게 표를 실행할 때 열이 없으면 비어 있습니다. 나는 이것이 가능한지보기 위해 온라인으로 보았지만 예제를 찾을 수 없었다. 어떤 아이디어?

추가 PLUNK

Answer 1

부터 Cols :

이

$scope.cols = [ {nm:'col0'}, {nm:'col1'}, {nm:'col2'} ]; 

데이터 :

$scope.data = [ {col0: "0", col1: "1", col2: "2"} ] ... 

템플릿 :

<div ng-controller="myCtl" ng-app="app"> 
    <table ng-table="tableParams" class="table table-bordered table-hover"> 
     <tbody> 
     <tr><td ng-repeat="name in names">{{ name.nm }}</td></tr> 
     <tr ng-repeat="u in data"> 
      <td ng-repeat="value in u"> 
      {{value}} 
      </td> 
     </tr> 
     </tbody> 
    </table> 
</div> 

이보십시오.

Answer 2

문제가 ng-repeat입니다. 당신은 내가 쿵하는 소리를 확인하고 난 당신이 어떤 범위에서 COLS를 선언 볼 수 없습니다 ...이

<tr ng-repeat="d in $data" > 

에

<tr ng-repeat="d in data" > 

Answer 3

렐을 변경 잘못된 변수 구문을 사용하고 있습니다! 어떻게 html에서 가져 가고 싶어?! 의 xD 체크 변경이 :

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

app.controller('myCtl', function($scope,NgTableParams) { 
      $scope.cols = [ {nm:'col0'}, {nm:'col1'}, {nm:'col2'} ]; 

      $scope.data = [ 
      { col0: 'User 1', col1: 'Name 1', col2: 'Group 1'}, 
      { col0: 'User 2', col1: 'Name 2', col2: 'Group 2'} 
      ]; 

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

}); 

그리고 짜잔

---

편집 V2 :

확인이 HTML, 난 열이 또 다른 하나의 NG-반복 및 값 이름을 추가했다.

<table ng-table="tableParams" class="table table-bordered table-hover"> 
    <tbody> 
     <td ng-repeat="col in cols">{{ col.nm }}</td> 
     <tr ng-repeat="u in data"> 
      <td ng-repeat="(key, value) in u"> 
       {{value}} 
      </td> 
     </tr> 
    </tbody> 
</table> 

희망