javascript - XMPP:AngularJs + Strophe.js

Question

我有一个使用 strophe.js 的基本 XMPP 客户端。

在登录时我创建处理程序，例如

connect = new Strophe.Connection('http://localhost/http-bind');
...
...

    connect.addHandler(on_message, null, "message", "chat");
    connect.addHandler(on_presence, null, "presence");

...
...

然后我“听”那些

function on_presence(presence) {
// handling presence
}

function on_message(presence) {
// handling presence
}

所以我试图将它“转换”成 AngularJS。第一部分非常简单。我有一个 Controller 可以很好地处理登录部分:

angular.module('app').controller('loginCtrl', function($scope) {
connect = new Strophe.Connection('http://website.com/http-bind');

connect.connect(data.jid, data.password, function (status) {
  if (status === Strophe.Status.CONNECTED) {
    connect.addHandler(on_message, null, "message", "chat");
    connect.addHandler(on_presence, null, "presence");
  }
}
})

但是我如何真正开始在我拥有的所有 Controller 的 Angular 上下文中收听这些事件(on_message、on_presence)。

Answer 1

将 Strophe 包裹在 Angular Service 中. Angular 服务旨在用作单例，因此您将能够实例化 Strophe 服务一次，然后在任何地方使用它(使用依赖注入(inject))。