文章详情页
javascript - angularjs ui-router 父页面的数据变动如何通知子页面
浏览:169日期:2024-03-03 18:37:12
问题描述
父页面嵌套子页面(ui-view 里面也有ui-view)
子页面是用component来写的,所以继承不了父页面的scope
现在父给子传数据是通过传参实现的 $state.go(’parent.child’, {data: $scope.data})
但如果父的数据修改了,那么子页面是不知道的,还是原来那样。
请问有什么方法可以让父页面的数据修改通知到子页面,或者别的传参方式?
问题解答
回答1:父scope$broadcast子页面可以收到,子页面scope$emit父页面可以收
回答2:这种应该算页面组件间的数据共享问题吧,我能想到的解决方法有以下几种:
借用 angular 内部的事件机制,子页面订阅父页面发布的事件来进行一些变动,反之也是。
实现一个公用的service来储存共享数据,分别在两个页面的组件中注入
使用第三方的状态托管容器,比如大名鼎鼎的redux,使用ng-redux做适配,两个页面通过调用action来改变状态容器储存的状态
标签:
JavaScript
相关文章:
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法(标题说不太清楚,请见题内描述)2. mysql - SQL操作时间的函数?3. MYSQL新建用户设置可以远程访问的问题4. angular.js - angularjs的自定义过滤器如何给文字加颜色?5. docker内创建jenkins访问另一个容器下的服务器问题6. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题!7. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因?8. java - mybatis怎么实现在数据库中有就修改,没有就添加9. 正则表达式 - python pandas的sep参数问题10. javascript - ionic run android报错
排行榜
