javascript - Angular JS: サービス: div/セクションを追加する際にページをめくりますか?

Question

1つのページ1に6つのウィジェットがあります。7番目のウィジェットが追加されたときに、ページ1をページ2にめくります。ウィジェットを追加するために、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);
  }
        };

  });

これが私が本当に必要としている写真です。ここでは、誰かが link1 をクリックすると 5 つの div が表示されます。6 番目は次のページに追加されるため、新しい 6 番目の div のみで次のページのみが表示されます。

ヘルプを探しています。ありがとうございます。