Angular未订阅SignalR消息
创始人
2024-10-29 22:30:50
0

在Angular中订阅SignalR消息,可以使用RxJS的Observable和Subject来处理。下面是一个示例代码:

首先,确保已经安装了SignalR和RxJS的依赖:

npm install @aspnet/signalr rxjs --save

在Angular的组件中,创建一个SignalR服务:

import { Injectable } from '@angular/core';
import * as signalR from '@aspnet/signalr';
import { Observable, Subject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class SignalRService {
  private hubConnection: signalR.HubConnection;
  private messageSubject: Subject = new Subject();

  constructor() {
    this.hubConnection = new signalR.HubConnectionBuilder()
      .withUrl('')
      .configureLogging(signalR.LogLevel.Information)
      .build();

    this.hubConnection.start().catch(err => console.error(err));

    this.hubConnection.on('ReceiveMessage', (message: string) => {
      this.messageSubject.next(message);
    });
  }

  public getMessages(): Observable {
    return this.messageSubject.asObservable();
  }
}

在组件中使用SignalR服务:

import { Component, OnInit } from '@angular/core';
import { SignalRService } from './signalr.service';

@Component({
  selector: 'app-root',
  template: `
    
{{ message }}
` }) export class AppComponent implements OnInit { public messages: string[] = []; constructor(private signalRService: SignalRService) {} ngOnInit(): void { this.signalRService.getMessages().subscribe(message => { this.messages.push(message); }); } }

在上面的代码中,SignalR服务创建了一个messageSubject,用于发布接收到的消息。在组件中通过调用getMessages方法,订阅了这个Subject,并将接收到的消息添加到messages数组中。

这样就可以在Angular中订阅SignalR消息了。

相关内容

热门资讯

有了最新消息!wepoker买... 有了最新消息!wepoker买钻石有用吗,德普辅助软件,都是是真的有挂(了解有挂)德普辅助软件脚本下...
近期!hhpoker为什么一直... 近期!hhpoker为什么一直输,智星德州插件2024最新版,真是是真的有挂(了解有挂)1、下载好智...
据报道!wepoker透视有吗... 据报道!wepoker透视有吗,德扑之星怎么开辅助,一直真的是有挂(有挂实锤)1、许多玩家不知道德扑...
黑科技教程!约局吧德州透视,德... 黑科技教程!约局吧德州透视,德扑圈有透视吗,竟然真的有挂(新版有挂)德扑圈有透视吗辅助器是一种具有地...
教学辅助挂!wepoker有人... 教学辅助挂!wepoker有人用过吗,德扑之星透视辅助软件激活码,其实真的有挂(有挂存在)德扑之星透...
据目击者称!拱趴大菠萝自动计算... 据目击者称!拱趴大菠萝自动计算机器人,德扑之星的辅助工具介绍,都是确实有挂(有挂技术)德扑之星的辅助...
昨日!智星菠萝透视,德扑之星透... 昨日!智星菠萝透视,德扑之星透视,本来存在有挂(确实有挂)1、玩家可以在智星菠萝透视透视最简单三个步...
有消息称!we poker免费... 有消息称!we poker免费辅助器,智星德州插件怎么下载,一直是有挂(今日头条)1、智星德州插件怎...
这一现象值得深思!hhpoke... 您好,智星德州插件最新版本更新内容详解这款游戏可以开挂的,确实是有挂的,需要了解加去威信【13670...
此事引发广泛关注!哈糖大菠萝软... 此事引发广泛关注!哈糖大菠萝软件下载,德扑之星私人局辅助免费,都是是有挂(详细教程);1、下载好德扑...