angularjs – Angular ui.bootstrap分页 – 当前页面不更新/看不工作

前端之家收集整理的这篇文章主要介绍了angularjs – Angular ui.bootstrap分页 – 当前页面不更新/看不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个对话框中有一个分页,这两个指令都是ui.bootstrap.问题是$watch不适用于currentPage成员.

现在,类似的代码对于不在一些对话框中的分页的其他页面工作得很好.

我想这个问题是与$范围有关,但是当前的pagePage在范围内可用,我可以使用{{currentPage}}在模板上显示

请在plunker中找到代码

$scope.$watch(‘currentPage’)在点击页面链接上没有启动.

现在,对于解决方法,我可以使用分页指令提供的select-page上的回调.

例如

<pagination on-select-page="pageChanged(page)" total-items="totalItems" items-per-page = "numPerPage" page="currentPage" max-size="maxSize"></pagination>

在我的控制器内,我可以拥有,

$scope.pageChanged = function(page) {
  console.log(page);    
};

但是我宁愿明白为什么在这种情况下,这个范围是$.

更新:
从控制台以下是观察者值

$$watchers: Array[1] 
0th: Object
  eq: false
  exp: "currentPage"
  fn: function (o,n){}
使用:
... page="$parent.currentPage" ...

或正确的解决方案:

当涉及嵌套范围时,您的变量将更深一些,即:

$scope.data.currentPage = ...

细节here

例如here

原文链接:https://www.f2er.com/angularjs/140855.html

猜你在找的Angularjs相关文章