ng-table：ボタンのクリックでテーブルの内容を消去

Question

ボタンのクリックでデータを表示できます。クリアでテーブルの内容をクリアするには？

HTML

<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を設定しようとしましたが、助けにはなりませんでした。ここで

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; 
    } 

は、あなたの代わりにdatasetオブジェクトをクリアする必要があるので、これは、働くつもりはないfiddle

Answer 1

です。

はdataset配列をリセットし、reload()関数を呼び出す：

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

を...、それは働くつもりです！ :)