客户端分页未显示Smart Table

时间:2015-07-14 10:05:54

标签: javascript html angularjs html-table smart-table

问题

数据以异步方式加载并正确显示,但不会出现分页。如果你能提供帮助,谢谢你。

HTML

<table st-safe-src="update" st-table="displayedItemList" class="table table-striped table-bordered">
    <thead>
        <tr>
            <th>Field1</th>
            <th>Field2</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="item in displayedItemList">
            <td>{{item.Field1}}</td>
            <td>{{item.Field2}}</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="2" class="text-center">
                <div st-pagination="" st-items-by-page="10" st-displayed-pages="7"></div>
            </td>
        </tr>
    </tfoot>
</table>

的JavaScript

    $scope.itemList = [];
    $scope.displayedItemList = [];
    $scope.update = 0;

    $scope.initialize = function ()
    {
        var d = new $.Deferred();

        itemService.getItems().then(function (data) {
            $scope.itemList = data;
            $scope.displayedItemList = [].concat($scope.itemList);
            $scope.update++;
            d.resolve();
        });

        return d;
    }

替代尝试

......同样的结果。

    <table st-safe-src="itemList" ...

1 个答案:

答案 0 :(得分:0)

在控制器中,您需要填写st-safe-src(更新),而不是displayedItemList. 我的意思是,例如

$scope.update = $scope.itemList;