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消息了。

相关内容

热门资讯

德州之星有辅助挂!来玩德州有外... 德州之星有辅助挂!来玩德州有外 挂,德州ai其实真的是有挂(详细助手教程)德州之星有辅助挂辅助器中分...
wepoke辅助!wopoke... wepoke辅助!wopoker透明挂(透视辅助)we poker(都是真的有挂);原来确实真的有挂...
wpk俱乐部!wpk线上实战(... wpk俱乐部!wpk线上实战(wpK)果真真的有挂-详细透视教程;1、wpkai辅助优化,wpk发牌...
德州ai辅助软件!wepowe... 德州ai辅助软件!wepower德州可以设置,来玩德州一直有挂(详细免费辅助神器app教程);德州a...
wepoke透明挂黑科技!we... 大家肯定在之前WePoKer或者WePoKer中玩过wepoke透明挂黑科技!wepoke小技巧(透...
wpk有外 挂!wpk ai辅... wpk有外 挂!wpk ai辅助,WpK其实真的有挂,详细教程,(有挂技巧);1、许多玩家不知道wp...
德州微扑克辅助!德州哪里有扑克... 您好,德州微扑克辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【757446909】很多玩家在这...
wepoke插件!wepoke... wepoke插件!wepoke外 挂显示,wepokE果然真的有挂,我来教教你(有挂解说);原来确实...
wpk辅助挂!wpk数据分析(... wpk辅助挂!wpk数据分析(wpK)一贯真的有挂-详细透视辅助教程一、wpkAI软件牌型概率发牌机...
德州AI智能辅助机器人!德州透... 德州AI智能辅助机器人!德州透视辅助,德州ai好像真的有挂(详细作弊教程)德州AI智能辅助机器人辅助...