要解决Angular SignalR在接收到第一条数据后断开连接的问题，您可以按照以下步骤进行操作：

1. 安装所需的npm包：

   npm install @microsoft/signalr
   

2. 在Angular项目中创建一个SignalR服务。在终端中运行以下命令：

   ng generate service signalr
   

3. 在signalr.service.ts文件中，添加以下代码：

   import { Injectable } from '@angular/core';
   import * as signalR from "@microsoft/signalr";
   
   @Injectable({
     providedIn: 'root'
   })
   export class SignalRService {
     private hubConnection: signalR.HubConnection;
   
     constructor() { }
   
     public startConnection = () => {
       this.hubConnection = new signalR.HubConnectionBuilder()
         .withUrl('http://your-signalr-endpoint')
         .build();
   
       this.hubConnection.start()
         .then(() => {
           console.log('SignalR connection started');
         })
         .catch(err => {
           console.log('Error while starting SignalR connection: ' + err);
         });
     }
   
     public addDataListener = () => {
       this.hubConnection.on('ReceiveData', (data) => {
         console.log('Received data: ' + data);
         // 处理接收到的数据
       });
     }
   }
   

4. 在需要使用SignalR的组件中，注入SignalRService并调用相关方法：

   import { Component, OnInit } from '@angular/core';
   import { SignalRService } from 'path-to-signalr.service';
   
   @Component({
     selector: 'app-my-component',
     templateUrl: './my-component.component.html',
     styleUrls: ['./my-component.component.css']
   })
   export class MyComponentComponent implements OnInit {
   
     constructor(private signalRService: SignalRService) { }
   
     ngOnInit() {
       this.signalRService.startConnection();
       this.signalRService.addDataListener();
     }
   }
   

这样，当组件初始化时，将建立SignalR连接并添加接收数据的监听器。您可以根据需要调整代码以满足您的实际需求。