如何确保Angular服务构造函数中的异步初始化完成?

时间:2017-07-13 20:02:49

标签: javascript angular typescript asynchronous rxjs5

专家,请告诉我如何在调用类中的其他函数时确保服务构造函数中的异步初始化完成?

  constructor() {
    var sock = new SockJS(this._chatUrl);
    this.stompClient = Stomp.over(sock);
    this.stompClient.connect({}, function () {
    });
  }

  public subscribe(topicName: string, messageReceived) {
    this.stompClient.subscribe('/topic/' + topicName, function (message) {
      messageReceived(message);
    })
  }

  public sendMessage(msgDestId: string, message) {
    this.stompClient.send("/app/" + msgDestId, {}, JSON.stringify(message));
  }

如您所见,在构造函数中建立了与stomp服务器的连接。之后,邀请该服务的客户(组件)订阅感兴趣的主题。当然,在连接完全建立之前,对subscribe函数的调用没有意义。

更新 保持.connect方法只调用一次也很重要。否则会创建两个连接。

1 个答案:

答案 0 :(得分:2)

通过承诺与stomp客户端进行每次交互,例如:

constructor() {
    ...
    this.stomp = new Promise(resolve => {
        stompClient.connect({}, () => resolve(stompClient));
    });
}

subscribe(...) {
    this.stomp.then(stompClient => stompClient.subscribe(...));
}