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 ### internet-connection-service.ts
``` ```js
import { DOCUMENT } from '@angular/common'; import { DOCUMENT } from '@angular/common';
import { Injectable, computed, inject, signal } from '@angular/core'; import { Injectable, computed, inject, signal } from '@angular/core';
import { BehaviorSubject } from 'rxjs'; 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 İt's easy just inject the service and get network status
**You can get via signal** **You can get via signal**
``` ```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
class someComponent{ class someComponent{
internetConnectionService = inject(InternetConnectionService); internetConnectionService = inject(InternetConnectionService);
isOnline = this.internetConnectionService.networkStatus$ 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 window = inject(DOCUMENT).defaultView;
protected readonly navigator = this.window.navigator; protected readonly navigator = this.window.navigator;
/* BehaviorSubject */
private status$ = new BehaviorSubject<boolean>(navigator.onLine) private status$ = new BehaviorSubject<boolean>(navigator.onLine)
/* creates writableSignal */
private status = signal(navigator.onLine); private status = signal(navigator.onLine);
/* READONLY ANGULAR SIGNAL */
networkStatus = computed(() => this.status()) networkStatus = computed(() => this.status())
constructor(){ constructor(){
@ -28,7 +25,6 @@ export class InternetConnectionService{
this.status$.next(navigator.onLine) this.status$.next(navigator.onLine)
} }
/* returns OBSERVABLE */
get networkStatus$(){ get networkStatus$(){
return this.status$.asObservable() return this.status$.asObservable()
} }

Loading…
Cancel
Save