Angular 7 go offline?

by

You can use the online flag on your router outlet with an ngIf

<router-outlet *ngIf="online$ | async else offline"></router-outlet>
<ng-template #offline>
  content here displays when not online
</ng-template>

or

<router-outlet *ngIf="online$ | async"></router-outlet>
<ng-container *ngIf="offline$ | async">
  content here displays when offline
</ng-container>

More Related Contents:

  1. How to do the chain sequence in rxjs
  2. Rxjs toPromise() deprecated
  3. How to achieve a debounce service on input keyup event in angular2 with rxjs
  4. Property ‘catch’ does not exist on type ‘Observable’
  5. How to implement RouteReuseStrategy shouldDetach for specific routes in Angular 2
  6. Importing lodash into angular2 + typescript application
  7. BehaviorSubject vs Observable?
  8. Angular 2 Sibling Component Communication
  9. JS : Convert Array of Strings to Array of Objects
  10. angular 2 how to return data from subscribe
  11. Angular 4 Interceptor retry requests after token refresh
  12. How can I close a dropdown on click outside?
  13. In Angular, how do you determine the active route?
  14. Deep copy an array in Angular 2 + TypeScript
  15. How to call JavaScript functions from Typescript in Angular 5?
  16. ngOnInit not being called when Injectable class is Instantiated
  17. Angular 4 pass data between 2 not related components
  18. Angular 2 – communication of typescript functions with external js libraries
  19. How to check for isBrowser in Angular 4
  20. Call a function on click event in Angular 2
  21. Angular2 too many file requests on load
  22. What is the difference between Observable and a Subject in rxjs?
  23. What is the difference between BehaviorSubject and Observable?
  24. Return an empty Observable
  25. Scroll to element on click in Angular 4
  26. Storing Objects in localStorage
  27. Subscribe to observable is returning undefined
  28. How to check empty object in angular 2 template using *ngIf
  29. Angular: 7.2.1 ES6 class ReferenceError : Cannot access ‘X’ before initialization
  30. How to implement a global loader in Angular

Leave a Comment