Angular6 Typescript Signalr:虽然Client连接到SignalR Hub但没有任何事件

时间:2018-06-15 08:59:41

标签: angular typescript signalr signalr-hub

我已经使用Web API和Angular UI创建了一个SignalR中心。

预期结果是将Angular UI与SignalR hub连接,并且在服务器上发生的任何事件中,角度客户端都应通知相应的事件名称。

角度集线器的代码是:

 public openChannel(url: string): void {

    this.hubConnection = $.hubConnection(url, {"useDefaultPath": true});
    this.hubProxy = this.hubConnection.createHubProxy('employeeHub');
    this.hubConnection.logging = true; 
    **this.hubProxy.on('displayStatus',  (channel: string) => {
        console.log('worked', channel);
    });**

    this.hubConnection.start(this.options).done((data: any) => {

        console.log('Connected to Processing Hub');
        this.sendMessage();
    }).catch((error: any) => {
        console.log('Hub error -> ' + error);
    });;
}

及其调用方法是:

ngOnInit(): void {
    this.getLGEData();
    this._signalrService.openChannel('http://localhost/RealTimeNotify/Hubs');
   }

显示控制台消息"已连接到处理中心"但是当服务器端发生某些事情时,突出显示的代码不会显示任何控制台消息。

当我们使用以下代码获取更新时,服务器端代码可以正常使用jQuery:

    $(function () {

        // Proxy created on the fly
        var emp = $.connection.employeeHub;

        // Declare a function on the job hub so the server can invoke it
        emp.client.displayStatus = function () {
            getData();
        };

        // Start the connection
        $.connection.hub.start();
        getData();
    });

请告诉我,如果在这种情况下需要更多信息。

提前致谢。

1 个答案:

答案 0 :(得分:0)

它自动运行,可能是由于缓存或其他原因所致,因为当我在同一页面中进行更改时,它们已反映在UI中。

但是直到我将事件修改为以下事件时,该事件才被捕获:

this.hubProxy.on('displayStatus',  (channel: string) => {
    alert('abc');
    console.log('worked', channel);
});

仅发出警报会使缓存刷新,或者可能会发生某些事情。