angularjs - ng-表 : Clear table contents on button click

Question

我能够在单击按钮时显示数据。如何清除clear中的表格内容？

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>

尝试将tableParams设置为null，但没有帮助。

  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

Answer 1

这是行不通的，因为你必须清除dataset对象。

重置dataset数组并调用reload()函数:

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

...它会起作用的! :)