在AngularJS表格中添加分页功能

15 浏览
0 Comments

在AngularJS表格中添加分页功能

我有以下表格：

                                

                                    
                                    

                                        操作日期
                                        操作内容
                                        问题
                                        状态
                                    

                                    
                                    
                                    

                                        {{contact.actionDate}}
                                        {{contact.actionTaken}}
                                        {{contact.problem}}
                                        {{contact.status}}

如何在其中添加分页？我有一个单独的js控制器文件用于此目的。我想在页面加载时添加分页，以便只有10行可见。

0

1 答案

0 Comments

问题的出现原因：在AngularJS表格中添加分页时，需要创建一个Pagination.js的Angular服务。然后在HTML中使用ng-include指令来引入分页UI的HTML代码。然而，在将ng-include指令添加到表格中时，数据没有显示。

解决方法：将以下代码添加到Angular应用的服务中，以创建一个Pagination对象：

var app = angular.module('qaApp');
app.factory("paginationService", function($location) {
    // Pagination对象的属性和方法
    // ...
    return obj;
});

然后，在HTML中使用ng-include指令来引入分页UI的HTML代码：

最后，在表格中添加ng-include指令来引入分页UI的HTML代码：

这样就可以显示分页UI并正常加载数据了。

0