Chức năng điều khiển cuộc gọi từ dịch vụ trong angularjs

Question

Tôi đang sử dụng socket.io để bật trò chuyện trong ứng dụng của mình và đang sử dụng dịch vụ SocketService để thực hiện tất cả các công cụ ổ cắm. Khi một tin nhắn đến sau đó tôi muốn kích hoạt một chức năng của bộ điều khiển từ dịch vụ SocketService để thực hiện một số thay đổi trong giao diện người dùng. Vì vậy, tôi muốn biết rằng làm thế nào tôi có thể truy cập chức năng của bộ điều khiển từ dịch vụ. Mã mẫu:

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

Đây là mã mẫu cho dịch vụ.

Bây giờ mã cho điều khiển

.controller('ChatController',function('SocketService',$scope){ 
    $scope.someFunction = function(){ 
    // Some Code Here 
    } 
}); 

Answer 1

Bạn có thể đạt được điều này bằng cách sử dụng các sự kiện góc $broadcast hoặc $emit.

Trong trường hợp của bạn $broadcast sẽ là hữu ích, Bạn cần phải quảng bá sự kiện của bạn trong $rootscope có thể được lắng nghe bởi tất cả các phạm vi con trong đó có $on với tên sự kiện tương tự.

MÃ

.service('SocketService', function($http, $rootScope, $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', function('SocketService', $scope) { 
    $scope.someFunction = function() { 
     // Some Code Here 
    } 
    $scope.$on('eventFired', function(event, data) { 
     $scope.someFunction(); 
    }) 
}); 

Hy vọng điều này có thể giúp bạn, Cảm ơn bạn.

Answer 2

Tôi biết đây là một câu hỏi cũ, nhưng tôi có một tùy chọn khác. Tôi có một khuynh hướng cá nhân so với phát sóng $ - nó chỉ không cảm thấy rất 'angularish', tôi thích thực hiện các cuộc gọi rõ ràng trong mã của tôi.

Vì vậy, thay vì phát sóng tới bộ điều khiển và kích hoạt chu trình tiêu hóa khác, tôi muốn người điều khiển tự đăng ký dịch vụ, như dưới đây. Chỉ cần cẩn thận không giới thiệu bất kỳ phụ thuộc vòng tròn nào nếu bộ điều khiển sử dụng cùng một dịch vụ. Điều này làm việc tốt nhất với cú pháp controllerAs, do đó dịch vụ gọi điện không cần quan tâm đến phạm vi $.

Có, đây là mã nhiều hơn $ phát, nhưng nó cung cấp toàn quyền truy cập dịch vụ cho toàn bộ bộ điều khiển - tất cả các phương thức và thuộc tính của nó.

.service('SocketService', function ($http,$rootScope,$q) { 
    var _this = this;  
    this.chatController = null; 
    this.registerCtrlr = function (ctrlr) { 
    _this.chatController = ctrlr; 
    }; 
    this.unRegisterCtrlr = function() { 
    _this.chatController = null; 
    }; 

    this.connect = function(){ 
    var socket = io(); 
    socket.on('connect',function(){ 
     // Call chatController.someFunction if chatController exists 
     if (_this.chatController) { 
     _this.chatController.someFunction(); 
     } 
    }); 
    }; 
}); 

.controller('ChatController',['SocketService', '$scope', function(SocketService, $scope){ 
    SocketService.registerCtrlr(this); 
    //-- make sure controller unregisters itself when destroyed - need $scope for this 
    $scope.$on('$destroy', function() { 
    SocketService.unRegisterCtrlr(); 
    }); 
    this.someFunction = function(){ 
    // Some Code Here 
    } 
}]);