2016-12-22 4 views
0

버튼 클릭시 데이터를 표시 할 수 있습니다. 명확한 표 내용을 지우는 방법은 무엇입니까?ng-table : 버튼 클릭시 테이블 내용 지우기

<div ng-app="myApp"> 
    <div ng-controller="tableControl as vm"> 
    <button class="btn btn-default" ng-click="vm.show()">Show</button> 
    <button class="btn btn-default" ng-click="vm.clear()">Clear</button> 
    <table ng-table="vm.tableParams" class="table" show-filter="true"> 
     <tr ng-repeat="user in $data"> 
     <td title="'Name'" filter="{ name: 'text'}" sortable="'name'"> 
      {{user.name}}</td> 
     <td title="'Age'" filter="{ age: 'number'}" sortable="'age'"> 
      {{user.age}}</td> 
     </tr> 
    </table> 
    </div> 
</div> 

null로 tableParams 설정을 시도했지만 도움이되지 않았다 HTML. 대신 dataset 개체를 삭제해야하기 때문에 여기에

self.show = function() { 
    self.tableParams = new NgTableParams({ 
     page: 1, // show first page 
     count: 10 // count per page 
    }, { 
     dataset: data 
    }); 
    } 

    self.clear = function() { 
    self.tableParams = null; 
    } 

는,이 거 작업을하지 않은 fiddle

답변

2

입니다.

dataset 배열을 재설정하고 reload() 함수를 호출 :

self.clear = function() { 
    self.tableParams.settings().dataset = []; 
    self.tableParams.reload(); 
} 

을 ... 그리고 그것은 거 작업입니다! :)