javascript - Angular JS：服务：在添加更多 div/部分时翻页？

Question

我在一个 page1 中有 6 个小部件。当添加第 7 个小部件时，我想将 page1 翻转到 Page2。为了添加小部件，我使用的是 Angular JS。

您也可以在 javascript 或 jQuery 中建议相同问题的解决方案。

我的recordsService.js如下：

app.service('recordsService', function () {
this.getRecords = function () {
    return records;
};

this.insertRecord = function (newWidgets) {
    records.push(neWWidgets);
};


this.getRecord = function (id) {
    for (var i = 0; i < records.length; i++) {
        if (records[i].id === id) {
            return records[i];
        }
    }
    return null;
};

& recordcontrollers.js 如下：

 app.controller('RecordsController', function ($scope, recordsService) {

init(); 
function init() {
    $scope.records = recordsService.getRecords();
}   
$scope.insertRecord = function (type) {

    if(type=="tag")
        {

    var newWidgets =
    {
        "id": 7,
        "age" : "7"
     };  
        recordsService.insertRecord(newWidgets);
  }
        };

  });

这是我真正想要的图片。这里有 5 个 div 当有人点击 link1 时可见，第 6 个将被添加到下一页，因此只有新的第 6 个 div 才能看到下一页。

寻求帮助。谢谢。