Browse Source

fixing space problem in doc

pull/17054/head
Sinan997 3 years ago
committed by Mahmut Gundogdu
parent
commit
0036bbb91b
  1. 48
      docs/en/UI/Angular/Internet-Connection-Service.md

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

@ -13,32 +13,32 @@ import { BehaviorSubject } from 'rxjs';
}) })
export class InternetConnectionService{ export class InternetConnectionService{
protected readonly window = inject(DOCUMENT).defaultView; protected readonly window = inject(DOCUMENT).defaultView;
protected readonly navigator = this.window.navigator; protected readonly navigator = this.window.navigator;
/* BehaviorSubject */ /* BehaviorSubject */
private status$ = new BehaviorSubject<boolean>(navigator.onLine) private status$ = new BehaviorSubject<boolean>(navigator.onLine)
/* creates writableSignal */ /* creates writableSignal */
private status = signal(navigator.onLine); private status = signal(navigator.onLine);
/* READONLY ANGULAR SIGNAL */ /* READONLY ANGULAR SIGNAL */
networkStatus = computed(() => this.status()) networkStatus = computed(() => this.status())
constructor(){ constructor(){
this.window.addEventListener('offline', () => this.setStatus()); this.window.addEventListener('offline', () => this.setStatus());
this.window.addEventListener('online', () => this.setStatus()); this.window.addEventListener('online', () => this.setStatus());
} }
private setStatus(){ private setStatus(){
this.status.set(navigator.onLine) this.status.set(navigator.onLine)
this.status$.next(navigator.onLine) this.status$.next(navigator.onLine)
} }
/* returns OBSERVABLE */ /* returns OBSERVABLE */
get networkStatus$(){ get networkStatus$(){
return this.status$.asObservable() return this.status$.asObservable()
} }
} }
``` ```
@ -56,15 +56,15 @@ As you can see from the code above, `InternetConnectionService` is providing 2 a
**You can get via signal** **You can get via signal**
```js ```js
class someComponent{ class someComponent{
internetConnectionService = inject(InternetConnectionService); internetConnectionService = inject(InternetConnectionService);
isOnline = this.internetConnectionService.networkStatus isOnline = this.internetConnectionService.networkStatus
} }
``` ```
**or you can get as observable** **or you can get as observable**
```js ```js
class someComponent{ class someComponent{
internetConnectionService = inject(InternetConnectionService); internetConnectionService = inject(InternetConnectionService);
isOnline = this.internetConnectionService.networkStatus$ isOnline = this.internetConnectionService.networkStatus$
} }
``` ```

Loading…
Cancel
Save