Browse Source

documentation adding js editor

pull/17054/head
Sinan997 3 years ago
committed by Mahmut Gundogdu
parent
commit
7ae6bb6236
  1. 6
      docs/en/UI/Angular/Internet-Connection-Service.md
  2. 4
      npm/ng-packs/packages/core/src/lib/services/internet-connection-service.ts

6
docs/en/UI/Angular/Internet-Connection-Service.md

@ -3,7 +3,7 @@
### internet-connection-service.ts
```
```js
import { DOCUMENT } from '@angular/common';
import { Injectable, computed, inject, signal } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
@ -54,14 +54,14 @@ As you can see from the code above, `InternetConnectionService` is providing 2 a
İt's easy just inject the service and get network status
**You can get via signal**
```
```js
class someComponent{
internetConnectionService = inject(InternetConnectionService);
isOnline = this.internetConnectionService.networkStatus
}
```
**or you can get as observable**
```
```js
class someComponent{
internetConnectionService = inject(InternetConnectionService);
isOnline = this.internetConnectionService.networkStatus$

4
npm/ng-packs/packages/core/src/lib/services/internet-connection-service.ts

@ -9,13 +9,10 @@ export class InternetConnectionService{
protected readonly window = inject(DOCUMENT).defaultView;
protected readonly navigator = this.window.navigator;
/* BehaviorSubject */
private status$ = new BehaviorSubject<boolean>(navigator.onLine)
/* creates writableSignal */
private status = signal(navigator.onLine);
/* READONLY ANGULAR SIGNAL */
networkStatus = computed(() => this.status())
constructor(){
@ -28,7 +25,6 @@ export class InternetConnectionService{
this.status$.next(navigator.onLine)
}
/* returns OBSERVABLE */
get networkStatus$(){
return this.status$.asObservable()
}

Loading…
Cancel
Save