加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 09:03:02 所属栏目:安全 来源:网络整理
导读:我在一个对话框中有一个分页,这两个指令都是ui.bootstrap.问题是$watch不适用于currentPage成员. 现在,类似的代码对于不在一些对话框中的分页的其他页面工作得很好. 我想这个问题是与$范围有关,但是当前的pagePage在范围内可用,我可以使用{{currentPage}}在
我在一个对话框中有一个分页,这两个指令都是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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读