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

前端之家收集整理的这篇文章主要介绍了从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();
    })
});

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

原文链接:https://www.f2er.com/angularjs/143795.html

猜你在找的Angularjs相关文章