AngularsignalRsocket返回每次更改路由时始终返回相同的值
创始人
2024-10-29 16:00:34
0次

这个问题通常是由未正确处理SignalR连接和断开连接引起的。可以使用以下代码示例来展示如何在Angular中正确创建和销毁SignalR连接:

首先,在component.ts文件中引入SignalR客户端库:

import * as signalR from "@microsoft/signalr";

接下来,在component类中声明以下变量:

private hubConnection: signalR.HubConnection; private message: string = "";

然后,在ngOnInit方法中创建SignalR连接:

ngOnInit() { this.hubConnection = new signalR.HubConnectionBuilder() .withUrl('/hub') .build();

this.hubConnection.start() .then(() => console.log('Connection started')) .catch(err => console.log('Error while starting connection: ' + err)); }

在ngOnDestroy方法中销毁SignalR连接:

ngOnDestroy() { this.hubConnection.stop() .then(() => console.log('Connection stopped')) .catch(err => console.log('Error while stopping connection: ' + err)); }

使用上面的示例代码,可以确保SignalR连接在组件加载时建立,在组件卸载时正确关闭,从而解决Angular signalR socket返回每次更改路由时始终返回相同的值的问题。

相关内容

热门资讯

推荐一款辅助器!有哪些免费的w... 您好,推荐一款辅助器!有哪些免费的wpk作弊码,德普之星怎么开挂软件(总是是有辅助器)这款游戏可以开...
科普分享辅助器!wejoker... wejoker辅助软件视频AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻...
系统教程辅助!wepoker俱... 您好,系统教程辅助!wepoker俱乐部辅助器,德普之星透视挂教程(总是是真的有辅助)这款游戏可以开...
重大发现透视!wepoker可... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
技术分享开挂!wepoker辅... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
总算了解!透视!德普之星辅助功... 您好,总算了解!透视!德普之星辅助功能如何打开,微扑克到底有没有挂助手(一向是真的有透视)这款游戏可...
热点推荐辅助器!wepoker... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
实测分享辅助!wepoker底... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
必知教程!辅助器!智星德州插件... 很多人使用云端 AI 时,都担心智星德州插件、内部资料上传带来隐私风险。这款本地运行的 AI 黑科技...
科技揭秘透视挂!安装不了wep... 您好,科技揭秘透视挂!安装不了wepoker,微扑克怎么开挂安装(先前真的有透视挂)这款游戏可以开挂...