javascript – 客户端分页未显示Smart Table

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 客户端分页未显示Smart Table，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含967字，纯文字阅读大概需要2分钟。

内容图文

问题

数据以异步方式加载并正确显示,但不会出现分页.谢谢你,如果你能帮忙的话.

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" ...

解决方法:

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

$scope.update = $scope.itemList; 

内容总结

以上是互联网集市为您收集整理的javascript – 客户端分页未显示Smart Table全部内容，希望文章能够帮你解决javascript – 客户端分页未显示Smart Table所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端