要解决“Angular 8 SignalR接收消息无法设置变量”的问题,可以按照以下步骤进行操作:
npm install @aspnet/signalr
app.module.ts
文件中,导入以下模块:import { SignalRModule } from 'ng2-signalr';
import { SignalRConfiguration } from 'ng2-signalr';
app.module.ts
文件中,添加以下代码来配置SignalR连接:export function createConfig(): SignalRConfiguration {
const config = new SignalRConfiguration();
config.hubName = 'your_hub_name';
config.url = 'http://your_signalr_server_url';
return config;
}
@NgModule({
imports: [
SignalRModule.forRoot(createConfig)
],
...
})
export class AppModule { }
注意替换your_hub_name
为你的SignalR Hub的名称,your_signalr_server_url
为SignalR服务器的URL。
import { SignalR, SignalRConnection } from 'ng2-signalr';
SignalR
服务,并创建SignalR连接:constructor(private signalR: SignalR) {
this.signalR.connect().then((connection: SignalRConnection) => {
connection.on('receiveMessage', (message: string) => {
console.log(message); // 在控制台中输出接收到的消息
// 在这里可以设置你的变量,例如:
this.receivedMessage = message;
});
}).catch((error: any) => {
console.log(error);
});
}
注意替换receiveMessage
为你的SignalR服务器上的消息处理方法的名称。在on
方法中,你可以处理接收到的消息,并设置你的变量。
receivedMessage
变量来显示接收到的消息:Received message: {{ receivedMessage }}
这样,当SignalR接收到消息时,将会更新receivedMessage
变量的值,并在HTML模板中显示出来。
希望以上解决方法能够帮助到你解决问题。
上一篇:Angular8 热敏打印
下一篇:Angular8 | 用户认证