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
- Inject
ConnectionServicein Angular component's constructor. - 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";
}
})
}
}