/TypeScript/Angular no internet detection

Angular no internet detection

//Tested with Angular 8.1 and rxjs 6.5.2
import { Observable, Observer, fromEvent, merge } from 'rxjs';
import { map } from 'rxjs/operators';

ngOnInit(){
	this.createOnline$().subscribe(isOnline => console.log(isOnline));
}

createOnline$() {
return merge<boolean>(
  fromEvent(window, 'offline').pipe(map(() => false)),
  fromEvent(window, 'online').pipe(map(() => true)),
  new Observable((sub: Observer<boolean>) => {
	sub.next(navigator.onLine);
	sub.complete();
  }));
}

Source: stackoverflow.com

Similar codes

2 votes141 views1 answer
Adonis make model
TypeScript
0 vote176 views1 answer
FIFA 21 esports temas
TypeScript
0 vote166 views1 answer
'index.ts' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module.
TypeScript
0 vote170 views1 answer
Nodemailer typescript
TypeScript
0 vote147 views1 answer
Beyondcode/laravel-websockets 1.12.0 requires pusher/pusher-php-server ^3.0|^4.0|^5.0 -> found pusher/pusher-php-server[dev-master
TypeScript
0 vote154 views1 answer
Typescript trim spaces in string array
TypeScript
0 vote163 views1 answer
Cannot show Automatic Strong Passwords for app bundleID: com.williamyeung.gameofchats due to error: iCloud Keychain is disabled
TypeScript
21 votes142 views4 answers
Rule::exists with custom message laravel
TypeScript
0 vote156 views1 answer
"Listed following are distinguishing characteristics of different end states of stars. Match these to the appropriate consequence of stellar death."
TypeScript
2 votes163 views2 answers
Cannot use JSX unless the '--jsx' flag is provided.ts(17004)
TypeScript