ngxc-connection-service v1.0.1

Internet Connection Monitoring Service (Angular v11)

Detects whether browser has an active internet connection or not in Angular application.

Install

You can get it on npm.

npm install ngxc-connection-service --save

Usage

1. Inject ConnectionService in Angular component's constructor.
2. Subscribe to monitor() method to get push notification whenever internet connection status is changed.

import { Component } from '@angular/core';
import { ConnectionService } from 'ngxc-connection-service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  status = 'ONLINE';
  isConnected = true;

  constructor(private connectionService: ConnectionService) {
    this.connectionService.monitor().subscribe(isConnected => {
      this.isConnected = isConnected;
      if (this.isConnected) {
        this.status = "ONLINE";
      }
      else {
        this.status = "OFFLINE";
      }
    })
  }
}