angular.js - angular $scope.$on 接收事件重复执行-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

angular.js - angular $scope.$on 接收事件重复执行

给我你的怀抱 2017-05-15 17:05:58

[AngularJS讨论组]

1450

angular controller 之间通过事件传递值

页面每次刷新路由都会对视图 ui-view 进行刷新，

绑定在内的控制器

angular.controller('listCtrl',[])

会进行重载，（因为我把 listCtrl 控制器绑定到了视图内的标签上）

controller 内的

$scope.$on('testData',function(ev,data){
 //
})

会记录 listCtrl 重载的次数，等接收到 testData 事件的时候，$on 会重复执行相应的次数。

我只想让 testData 执行一次，应该怎么做

给我你的怀抱

全部回复(1)

曾经蜡笔没有小新2017-05-15 17:07:58 1楼

谢邀, 写一个 service 或在 $rootScope 上挂一个全局变量

if(!$rootScope.isInvoked) {
    var unbindHandler = $scope.$on('testData', function(evt, data) {
        //执行完成后就把该事件解绑 
        unbindHandler();
        $rootScope.isInvoked = true;
    });
}

当然，关于事件订阅与发送这块如果不是像路由这种需要通知所有scope的情况，建议不要使用AngularJS自带的事件机制，建议自己写一个EventBus服务去处理。因为AngularJS的事件机制需要遍历整个scope树，性能一般。

推荐一篇我们团队内部的总结:
https://github.com/ShuyunXIAN...

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>