ng-table ：点击按钮清除 table 内容

Question

我可以在点击按钮时显示数据。如何清除 table 内容 on 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();
}

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

ng-table ：点击按钮清除 table 内容

ng-table : Clear table contents on button click

angularjs

ngtable