在Angular App中使用向前和向后导航箭头时断开Socket连接

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

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

  ngOnInit() {
    this.socket = io.connect('服务器地址');
    // 进行其他Socket相关操作，如监听事件、发送消息等
  }

  // 其他组件逻辑代码...
}

import { Component, OnDestroy } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnDestroy {
  private socket: any;

  constructor() {
    this.socket = io.connect('服务器地址');
    // 进行其他Socket相关操作，如监听事件、发送消息等
  }

  ngOnDestroy() {
    this.socket.disconnect();
  }

  // 其他组件逻辑代码...
}