ngx-online-status

Online status events for angular

Usage no npm install needed!

<script type="module">
  import ngxOnlineStatus from 'https://cdn.skypack.dev/ngx-online-status';
</script>

README

ngx-online-status

Build Status https://www.paypal.me/vadimdez

Detect online/offline state

Angular 5+ Module to track online and offline state

Demo

https://vadimdez.github.io/ngx-online-status/

or stackblitz code/demo

https://stackblitz.com/edit/ngx-online-status

Install

npm install ngx-online-status --save

Usage

  • Import OnlineStatusModule to your module
import { OnlineStatusModule } from 'ngx-online-status';

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    OnlineStatusModule
  ],
  providers: [
    //...
  ]
})
  • Inject OnlineStatusService and use it:
import { OnlineStatusService, OnlineStatusType } from 'ngx-online-status';

export class AppComponent {
  status: OnlineStatusType;

  constructor(private onlineStatusService: OnlineStatusService) {
    this.onlineStatusService.status.subscribe((status: OnlineStatusType) => {
      // use status
      this.status = status;
    });
  }
}
OnlineStatusType

OnlineStatusType.OFFLINE equals to 0

OnlineStatusType.ONLINE equals to 1

License

MIT © Vadym Yatsyuk