如何将来自套接字io的数据附加到angular html

npm install socket.io-client --save

import { Component, OnInit } from '@angular/core';
import * as io from 'socket.io-client';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  socket: any;
  dataFromSocket: string;

  ngOnInit() {
    // 创建Socket.IO客户端实例
    this.socket = io('http://your-socket-server-url');

    // 监听来自套接字的数据
    this.socket.on('data', (data: string) => {
      this.dataFromSocket = data;
    });
  }
}

<div>{{ dataFromSocket }}</div>