Angularjs指令分页重新加载页面不起作用

Question

我复制了分页的工作示例＆amp;它工作正常。 但是，当我添加更多数据（在UI中单击“添加”按钮）意味着没有更改页面时，它不会反映在UI中。 请帮助解决Plunker中的这个问题。

Pagination Example

Answer 1

问题很简单，你不重新计算页数，没有手表或双向数据绑定就可以了

http://plnkr.co/edit/AjjnZ7?p=preview

我已经改变了我的planker / app.js：

此

$scope.noOfPages = Math.ceil(myData.count() / $scope.numPerPage);

到那个

$scope.noOfPages = function(){
  return Math.ceil(myData.count() / $scope.numPerPage);
}

和plunker / index.html内部

此

<pagination num-pages="noOfPages" current-page="currentPage" class="pagination-small"></pagination>

到那个

<pagination num-pages="noOfPages()" current-page="currentPage" class="pagination-small"></pagination>