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

前端之家收集整理的这篇文章主要介绍了从angularjs中的服务调用控制器功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用socket.io在我的应用程序中启用聊天,我正在使用服务SocketService来执行所有套接字的东西.当消息出现时,我想从服务SocketService触发控制器的功能,以在UI中进行一些更改.
所以我想知道如何从服务中访问控制器的功能.
示例代码
  1. .service('SocketService',function ($http,$rootScope,$q) {
  2. this.connect = function(){
  3. var socket = io();
  4. socket.on('connect',function(){
  5. // Call a function named 'someFunction' in controller 'ChatController'
  6. });
  7. }
  8. });

这是服务的示例代码.

现在是控制器的代码

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

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

  1. .service('SocketService',function($http,$q) {
  2. this.connect = function() {
  3. var socket = io();
  4. socket.on('connect',function() {
  5. // Call a function named 'someFunction' in controller 'ChatController'
  6. $rootScope.$broadcast('eventFired',{
  7. data: 'something'
  8. });
  9. });
  10. }
  11. });
  12.  
  13.  
  14. .controller('ChatController',$scope) {
  15. $scope.someFunction = function() {
  16. // Some Code Here
  17. }
  18. $scope.$on('eventFired',function(event,data) {
  19. $scope.someFunction();
  20. })
  21. });

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

猜你在找的Angularjs相关文章