Angular 7 выходить в автономный режим?

Question

Мне нужно отключить все кнопки , , нажать , гиперссылки и поставить фон с сообщением на "GO ONLINE ".Я знаю, что это немного грубо, но это необходимо.

AppComponent (TS): connectionMonitor может быть подписан для наблюдения за сетевым подключением.

  private onlineObserver(){
    if (isPlatformBrowser(this.platformId)) {
      const offline$ = fromEvent(window, 'offline').pipe(mapTo(false));
      const online$ = fromEvent(window, 'online').pipe(mapTo(true));
      this.connectionMonitor = merge( offline$, online$ );
    } else {
      this.connectionMonitor = empty();
    }
  }

app.component.html: Всего всего маршрутизатора-розетки.

<router-outlet></router-outlet>

Как этого добиться с Angular 7 ?

Answer 1

Вы можете использовать онлайн-флаг на вашей розетке маршрутизатора с ngIf

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

или

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

Answer 2

ngIf="offline$ | async <- установите этот элемент для отображения в автономном режиме </p>

ngIf="online$ | async <- установите этот элемент для отображения в режиме онлайн </p>

Если вам все еще нужно показыватьэлементы управления, но если они неактивны, вы можете использовать ng-template для загрузки различных шаблонов в зависимости от того, находитесь ли вы в автономном режиме.где автономные элементы не имеют связанных событий щелчка, ссылок, ссылок, указателей и т. д. Этот вопрос довольно широкий, поэтому сложно углубиться в детали вашего сценария использования на основе предоставленной вами информации.