How can I implement WebSocket in an Angular application?

How can I implement WebSocket in an Angular application?

You can implement WebSocket in Angular by using the built-in WebSocket API or libraries like RxJS. Would you like a code example?

Yes, please provide a code example.

Sure! First, you need to create a WebSocket connection in your service:

import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class WebSocketService {
  private socket: WebSocket;

  constructor() {
    this.socket = new WebSocket('ws://your-websocket-url');
  }

  sendMessage(message: string) {
    this.socket.send(message);
  }

  getMessages() {
    return new Observable(observer => {
      this.socket.onmessage = (event) => observer.next(event.data);
    });
  }
}

How do I handle incoming messages?

You can handle incoming messages by subscribing to the observable returned by the getMessages method. This way, you can react to new messages in your component.