Question

我想使用SockJs从服务器端接收stomp发布的所有事件。我创建了WebSocketController。它在app.js中启动为

.controller('webSocketController', webSocketController)

WebSocketController.js

class WebSocketController {

  constructor($rootScope, $scope) {
   Object.assign(this, {$rootScope, $scope});
    this.onConnected = this.onConnected.bind(this);
    this.stompClient = '';
    let vm = this;

    setTimeout(function () {
            vm.connect();
    }, 2000);
  }

  onConnected(frame) {
    console.log('Connected: ' + frame);
    this.stompClient.subscribe('/topic/public', this.showMessage);
  }

  onError(error) {
      console.log("Could not connect to WebSocket server. Please refresh this page to try again!");
      console.log("error: ", error);
  }

  connect() {
    var socket = new SockJS('/ws');
    this.stompClient = Stomp.over(socket);
    this.stompClient.connect({}, this.onConnected, this.onError);
  }

  showMessage(message) {
      console.log("message received: ",message);
      $rootScope.$broadcast('refreshAccessPointList');
  }

  getStompClient() {
    return this.stompClient;
  }

}

var MyController = new WebSocketController();
MyController.$inject = ['$scope', '$rootScope'];
export default MyController;

当showMessage（）尝试广播收到的事件时，它无法找到$ rootScope。控制台说：未捕获的ReferenceError：$ rootScope未定义在l（webSocket.controller.js？eaab：33）知道我错过了什么吗？

Answer 1

上课后，将依赖项注入您的控制器类，然后注入您的模块。

export class WebSocketController {

  constructor($rootScope, $scope) {
   Object.assign(this, {$rootScope, $scope});
    this.onConnected = this.onConnected.bind(this);
    this.stompClient = '';
    let vm = this;

   ....
   ....
   ....


  getStompClient() {
    return this.stompClient;
  }

}

现在，

向控制器类注入依赖项：

WebSocketController.$inject = ['$rootScope', '$scope'];

将控制器依赖项注入模块：

angular.module('app').controller('WebSocketController', WebSocketController);

Answer 2

您应该在创建控制器实例之前设置$ inject注释

WebSocketController.$inject = ['$rootScope', '$scope'];
export class WebSocketController;

另外，我认为您不需要手动创建WebSocketController的实例。

someModule.controller('WebSocketController', WebSocketController);

Angularjs 1.4.4：未捕获的ReferenceError：$ rootScope未定义

2 个答案: