在angular 6中使用web socket

npm install ngx-socket-io --save

import { SocketIoModule, SocketIoConfig } from 'ngx-socket-io';

const config: SocketIoConfig = { url: 'http://your-websocket-server-url', options: {} };

@NgModule({
  imports: [
    // other imports
    SocketIoModule.forRoot(config)
  ],
  // other configurations
})
export class AppModule { }

import { Component } from '@angular/core';
import { Socket } from 'ngx-socket-io';

@Component({
  selector: 'app-websocket-example',
  template: `
    <button (click)="sendMessage()">Send Message</button>
    <ul>
      <li *ngFor="let message of messages">{{ message }}</li>
    </ul>
  `
})
export class WebsocketExampleComponent {
  messages: string[] = [];

  constructor(private socket: Socket) {
    this.socket.on('message', (message: string) => {
      this.messages.push(message);
    });
  }

  sendMessage() {
    this.socket.emit('message', 'Hello WebSocket Server!');
  }
}