Angular 智能 table 搜索和分页不起作用

Question

我是 angular 的新人。我通过查看它的文档第一次尝试了 smart table。我在搜索和分页时遇到问题。我试图寻找有关堆栈溢出的各种解决方案，但没有成功。请帮助

<table st-table="displayedCollection" st-safe-src="rowList" class="table table-stripped">
<thead>
    <tr>
        <th st-sort="engagement_id">Engagement Id</th>
        <th st-sort="customer_name">Customer Name</th>
    </tr>
    <tr>
        <th colspan="8">
            <input st-search placeholder="global search" class="input-sm form-control" type="search" />
        </th>
    </tr>
</thead>
<tbody>
    <tr ng-repeat="data in displayedCollection">
        <td>{{data.engagement_id}}</td>
        <td>{{data.customer_name}}</td>
    </tr>
</tbody>
<tfoot>
    <tr>
        <td colspan="5" class="text-center">
            <div st-pagination="" st-items-by-page="5" colspan="8"></div>
        </td>
    </tr>
</tfoot>

这里是angular代码

$.post(MY_CONSTANT.url + '/all_rides', {
        access_token: $cookieStore.get('obj').accesstoken,
        start_limit: start_limit,
        end_limit: end_limit

    }, function (data) {
        $scope.showloader=false;

        if (data.status == true) {
            var rides = data.data[1];
            $scope.rowList = rides;
            $scope.displayedCollection = [].concat($scope.rowList);
        }
        else if (data.status == responseCode.INVALID_ACCESS_TOKEN){
            $state.go('page.login');
        }
    });

使用智能 table cdn 这是 link：https://cdnjs.cloudflare.com/ajax/libs/angular-smart-table/2.1.8/smart-table.min.js">

Answer 1

如果您可以从服务器获取 'rowList'，您发布的代码似乎没有问题。

所以，请检查您是否可以添加智能 table 库。

angular.module('appName', ['smart-table'])

Angular 智能 table 搜索和分页不起作用

Angular Smart table search and pagination not working

search

pagination

angularjs

smart-table