From 0036bbb91be8d2bc02b3e5f417be19bf74b4178a Mon Sep 17 00:00:00 2001 From: Sinan997 Date: Mon, 10 Jul 2023 08:39:59 +0300 Subject: [PATCH] fixing space problem in doc --- .../UI/Angular/Internet-Connection-Service.md | 48 +++++++++---------- 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/docs/en/UI/Angular/Internet-Connection-Service.md b/docs/en/UI/Angular/Internet-Connection-Service.md index 2e8f23ff3b..1107e64743 100644 --- a/docs/en/UI/Angular/Internet-Connection-Service.md +++ b/docs/en/UI/Angular/Internet-Connection-Service.md @@ -13,32 +13,32 @@ import { BehaviorSubject } from 'rxjs'; }) export class InternetConnectionService{ -protected readonly window = inject(DOCUMENT).defaultView; -protected readonly navigator = this.window.navigator; + protected readonly window = inject(DOCUMENT).defaultView; + protected readonly navigator = this.window.navigator; -/* BehaviorSubject */ -private status$ = new BehaviorSubject(navigator.onLine) + /* BehaviorSubject */ + private status$ = new BehaviorSubject(navigator.onLine) -/* creates writableSignal */ -private status = signal(navigator.onLine); + /* creates writableSignal */ + private status = signal(navigator.onLine); -/* READONLY ANGULAR SIGNAL */ -networkStatus = computed(() => this.status()) + /* READONLY ANGULAR SIGNAL */ + networkStatus = computed(() => this.status()) -constructor(){ - this.window.addEventListener('offline', () => this.setStatus()); - this.window.addEventListener('online', () => this.setStatus()); -} + constructor(){ + this.window.addEventListener('offline', () => this.setStatus()); + this.window.addEventListener('online', () => this.setStatus()); + } -private setStatus(){ - this.status.set(navigator.onLine) - this.status$.next(navigator.onLine) -} + private setStatus(){ + this.status.set(navigator.onLine) + this.status$.next(navigator.onLine) + } -/* returns OBSERVABLE */ -get networkStatus$(){ - return this.status$.asObservable() -} + /* returns OBSERVABLE */ + get networkStatus$(){ + 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** ```js class someComponent{ -internetConnectionService = inject(InternetConnectionService); -isOnline = this.internetConnectionService.networkStatus + internetConnectionService = inject(InternetConnectionService); + isOnline = this.internetConnectionService.networkStatus } ``` **or you can get as observable** ```js class someComponent{ -internetConnectionService = inject(InternetConnectionService); -isOnline = this.internetConnectionService.networkStatus$ + internetConnectionService = inject(InternetConnectionService); + isOnline = this.internetConnectionService.networkStatus$ } ```