How to update pagination list when delete JSON

Question

Is there any easy option to update pagination and filteredTodos when delete items from todos Demo: http://codepen.io/anon/pen/gpveqL

var todos = angular.module('todos', ['ui.bootstrap']);
todos.controller('TodoController', function($scope) {
  $scope.filteredTodos = [];
  $scope.currentPage = 1;
  $scope.numPerPage = 10;
  $scope.maxSize = 5;
  $scope.makeTodos = function() {
  $scope.todos = [];
    for (i = 1; i <= 66; i++) {
      $scope.todos.push({id: i, text: 'todo ' + i, done: false});
    }
  };
  $scope.makeTodos();
  $scope.$watch('currentPage + numPerPage', function() {
    var begin = (($scope.currentPage - 1) * $scope.numPerPage),
      end = begin + $scope.numPerPage;
    $scope.filteredTodos = $scope.todos.slice(begin, end);
  });
  $scope.deleteMe = function (id) {
    $scope.todos.splice(0, 1);
  };
});

<pagination 
 ng-model="currentPage"
 total-items="todos.length" 
 max-size="maxSize" 
 boundary-links="true" 
 previous-text="&lsaquo;" 
 next-text="&rsaquo;" 
 first-text="&laquo;" 
 last-text="&raquo;"
></pagination>