Я делаю динамический стол. У меня есть рабочая кнопка добавления, которая добавляет строки в таблицу, у меня также есть рабочая нумерация страниц. Теперь я хочу объединить эти два.
Когда я добавляю новую строку, я не размещаюсь на последней странице нумерации страниц, где создается строка. Сейчас я всегда останавливаюсь на первой странице нумерации страниц и вручную перехожу на последнюю страницу.
Может кто-нибудь помочь? Заранее спасибо!
script.js
(function () {
"use strict";
var table = angular.module('myTable', ['angularUtils.directives.dirPagination','ngStorage']);
table.controller('TodoCtrl', function ($scope, $localStorage) {
$scope.$storage = $localStorage.$default({
"todos":[
{ "id":1,"text":"drive a car"},
{ "id":2,"text":"go to work"}
]
});
$scope.todoData = $localStorage.todos;
});
$scope.addRow = function (arr) {
console.log(arr);
arr.push({'id':$scope.id, 'text': $scope.text});
};
});
index.html
<button type="button" class="btn btn-default btn-block" ng-click="addRow($storage.todos)">New record</button>
<table>
<thead></thead>
<tbody>
<tr dir-paginate="todo in todoData">
<td>
{{ todo.id }}
</td>
<td>
{{ todo.text }}
</td>
</tr>
</tbody>
</table>
<dir-pagination-controls
max-size="5"
direction-links="true"
boundary-links="true" >
</dir-pagination-controls>
Отредактировано:
добавьте current-page="myCurrentPage"
к тегу, у которого есть dir-paginate
, в вашем примере <tr>
. Добавить $scope.myCurrentPage = Math.ceil($scope.todos.length/$scope.entryLimit);
к вашей функции addDeveloperRow.