events - signalR调用客户端时如何在Angular2中抛出事件

Question

在我的 angular2-Application 中的 SignalR-Service 中，我想在收到来自服务器的事件时广播一个事件。

@Injectable() export class SignalRService {

   //...
    private emitMe: EventEmitter<any>;

constructor() {
        this.emitMe = new EventEmitter();
        this.connection = jQuery.hubConnection(".../signalr/");
        this.proxy = this.connection.createHubProxy("...");
        this.wireupEvents();
        //...
    }

wireupEvents(): void {
    this.proxy.on('ItemAdded', function(data) {
            console.log('received ItemAdded' + JSON.stringify(data));
                //How to throw event here??? Like $rootScope.$emit('itemAdded', data);
                // 'this.emitMe' is not reachable here
            });
    }
}

如何访问我初始化的 EventEmitter 并抛出一个我可以从外部订阅的事件？

谢谢

问候泰诺达

Answer 1

你可以尝试这样的事情:

constructor() {
  this.emitMe = new EventEmitter();
  //...
}

wireupEvents(): void {
  this.proxy.on('ItemAdded', (data) => {
    console.log('received ItemAdded' + JSON.stringify(data));
    let someObject = (...)
    this.emitMe.emit(someObject);
  });
}

使用箭头函数，您可以直接在回调中使用 this 关键字。这个答案也可以帮助你:Angular 2 can't call class function .

希望对你有帮助，蒂埃里