要在控制器之间传递变量变化需要使用angular中的$broadcast
和$emit
方法来传递,同时使用$on
来接收事件并作出响应。
broadcast译为广播,即上级传递下级。
示例代码:
<div ng-controller="child">
{{change}} Child: {{child}}
</div>
</div>
上述代码使用$watch监听parent的值的变化,当发生变化时就会“广播”出parentChange事件并传递了参数(输入框的值),此时子元素作用域中使用了$scope.$on("parentChange, handler)"
来接收parentChange事件,然后接受输入框的值并赋值给子作用域中的child变量。 这样就完成了值的传递。
emit译为发射,即下级传递上级。
示例代码:
当子元素的child值发生变化时,会向上级发出childChange事件,此时父元素正在监听的$on(“childChange”)会做出响应,将传递的参数赋值给parent,整个流程与 broadcast类似。
上述作用域均存在层级关系,如果对于同级的作用域该如何做呢?
我们可以使用服务来广播事件:
我们在服务中运用了$rootScope,所有的作用域都从属于它,基于这点,我们可以在根作用域中广播事件,$rootScope.$broadcast("valueChange", n);
,当每个子作用域中的值发生变化时我们都会调用服务中的change
方法来广播这个事件,同时每个作用域又都在监听$on("valueChange")
事件并作出相应处理,这样就实现了子作用域中的值会传递给兄弟作用域了。
更多参考:
http://brandonclapp.com/using-angularjs-services-to-broadcast-messages-between-controllers/
http://www.codelord.net/2015/05/04/angularjs-notifying-about-changes-from-services-to-controllers/
手机扫一扫
移动阅读更方便
你可能感兴趣的文章