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

发布时间：2020-12-17 07:59:54 所属栏目：安全来源：网络整理

导读：我正在使用socket.io在我的应用程序中启用聊天,我正在使用服务SocketService来执行所有套接字的东西.当消息出现时,我想从服务SocketService触发控制器的功能,以在UI中进行一些更改. 所以我想知道如何从服务中访问控制器的功能. 示例代码： .service('SocketS

我正在使用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();
    })
});

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

（编辑：李大同）

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