微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

从angularjs中的服务调用控制器功能

我正在使用socket.io在我的应用程序中启用聊天,我正在使用服务SocketService来执行所有套接字的东西.当消息出现时,我想从服务SocketService触发控制器的功能,以在UI中进行一些更改.
所以我想知道如何从服务中访问控制器的功能.
示例代码
.service('SocketService',function ($http,$rootScope,$q) {
  this.connect = function(){
    var socket = io();
    socket.on('connect',function(){
      // Call a function named 'someFunction' in controller 'ChatController'
    });
  }
});

这是服务的示例代码.

现在是控制器的代码

.controller('ChatController',function('SocketService',$scope){
  $scope.someFunction = function(){
     // Some Code Here
  }
});
你可以通过使用角度事件$broadcast或$emit来实现这一点.

在您的情况下,$broadcast会很有帮助,
您需要在$rootscope中广播您的事件,该事件可以被具有相同事件名称的$on的所有子范围监听.

.service('SocketService',function($http,$q) {
    this.connect = function() {
        var socket = io();
        socket.on('connect',function() {
            // Call a function named 'someFunction' in controller 'ChatController'
            $rootScope.$broadcast('eventFired',{
                data: 'something'
            });
        });
    }
});


.controller('ChatController',$scope) {
    $scope.someFunction = function() {
        // Some Code Here
    }
    $scope.$on('eventFired',function(event,data) {
        $scope.someFunction();
    })
});

希望这可以帮助你,谢谢.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐