Update I18NextEagerPipe.ts to run inside NgZone

Update I18NextEagerPipe.ts to be able to detect language changes inside NgZone for Microfrontend architectures
Romanchuk · May 29, 2023 · 63e8a61 · 63e8a61
1 parent 74f8760
commit 63e8a61
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/libs/angular-i18next/src/lib/I18NextEagerPipe.ts b/libs/angular-i18next/src/lib/I18NextEagerPipe.ts
@@ -1,6 +1,7 @@
 import {
  ChangeDetectorRef,
  Inject,
+ NgZone,
  OnDestroy,
  Pipe,
  PipeTransform,
@@ -34,13 +35,14 @@ export class I18NextEagerPipe
  @Inject(I18NEXT_SERVICE) protected override translateI18Next: ITranslationService,
  @Inject(I18NEXT_NAMESPACE) protected override ns: string | string[],
  @Inject(I18NEXT_SCOPE) protected override scope: string | string[],
- private cd: ChangeDetectorRef
+ private cd: ChangeDetectorRef,
+ private ngZone: NgZone 
  ) {
  super(translateI18Next, ns, scope);
  translateI18Next.events.languageChanged
  .pipe(takeUntil(this.ngUnsubscribe))
  .subscribe(() => {
- this.cd.markForCheck();
+ this.ngZone.run(() => this.cd.markForCheck());
  });
  }
  private hasKeyChanged(key: string | string[]): boolean {