Angular Smarttable无法正常工作

时间:2016-06-07 02:12:13

标签: angularjs

我正在为我的项目使用智能表。我不能让它发挥作用,不确定会发生什么。

当我向st-table添加<table>指令时,结果将不会显示在表格中,但如果我从st-table删除<table>指令,它会在表格中显示结果它会在控制台中出错,因为st-table需要st-pagination指令。

这里是代码

HTML

<table st-table="Tablelist" class="table table-stripped">
  <tr>
    <th>
      <input type="checkbox" ng-model="selectAll" ng-click="selectedAll()" />
    </th>
    <th>Action</th>
    <th>Date</th>
    <th>Type</th>
  </tr>
  <tr ng-repeat="x in Tablelist track by $index">
    <td>
      <input type="checkbox" ng-model="x.selected">
    </td>
    <td>
      <div class="btn-group">
        <button class="btn btn-primary btn-xs" ng-click="Opensetprice(x.id,x.matcode,x.pr_qty)">$</button>
        <button class="btn btn-danger btn-xs" ng-click="Delete(x.doc_no,x.item_no, $index)">X</button>
      </div>
    </td>
    <td>{{x.date}}</td>
    <td>{{x.type}}</td>
  </tr>
  <tfoot>
    <tr>
      <td colspan="23" class="text-center">
        <div st-pagination="" st-items-by-page="12" st-displayed-pages="5"></div>
      </td>
    </tr>
  </tfoot>
</table>

JAVASCRIPT

$http({
  method: 'POST',
  url: "api/all-list.php",
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
  }
  }).then(function(response) {
    $scope.Tablelist = response.data;
  }, function(response) {
    console.log("failed");
})

1 个答案:

答案 0 :(得分:0)

您尚未实现st-pipe =“callServer”。如果你想要st-table

,你必须使用这个函数来处理来自服务器的所有get调用