How can I implement WebSockets in my Angular application?

How can I implement WebSockets in my Angular application?

You can use the WebSocket API in Angular by creating a service that manages the WebSocket connection.

What are the steps to create a WebSocket service?

First, create a new service using Angular CLI. Then, implement methods to connect, send, and receive messages.

Can you show me a code example?

Sure! Here's a simple example:

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);
  }

  onMessage(callback: (data: any) => void) {
    this.socket.onmessage = (event) => callback(event.data);
  }
}

How do I handle errors in WebSocket connections?

You can handle errors by adding an event listener for the 'error' event on the WebSocket instance.