Вопросы Теги

Диалог углового материала не закрывается после навигации

Я не знаю, как вернуть кнопку обновления, но вы можете нажать ctrl + R для обновления. Надеюсь, что вам это поможет. :

)
0
задан 13 August 2018 в 14:53

1 ответ

Привет, в соответствии с документами, которые он говорит: closeOnNavigation: должно ли закрываться диалоговое окно, когда пользователь переходит назад / вперед в истории.

Навигация по истории Обычно означает кнопки браузера и вперед: https: // разработчик .mozilla.org / en-US / docs / Web / API / History_API

Однако вы могли бы сделать в своем сценарии, вместо того, чтобы напрямую обращаться с вашим html, создайте функцию, которая будет маршрутизироваться после того, как диалог (! d3) 

   <a class="m-link m--font-bold" (mousedown)="navigateToEntity($event)">{{linkedEntity.name}}</a>

Внутри вашего компонента есть что-то вроде 

  navigateToEntity(event) {
    this.dialogRef.afterClosed.pipe(
      tap(() => this.router.navigate(['navigate to wherever'])),
      first()
    ).subscribe();
    this.dialogRef.close();
  }

Надеюсь, что это поможет, я не знаю, t много работал с Material Components, но, прочитав некоторые из документов, я понял, как это реализовать.

Сообщите мне, помогло ли это!

1
ответ дан 15 August 2018 в 17:02
  • 1
    Я тоже думал об этом решении, и я обязательно попробую! Просто не уверен, почему Material не реализовал регулярное закрытие навигации. Кажется, быть полезной вещью! – Bertijn Pauwels 13 August 2018 в 15:30
  • 2
    Поскольку это решает проблему исчезновения диалогового окна, это не решает проблему, когда при изменении ссылки в браузере и прокрутке страницы вверху автоматически, старый контент все еще отображается, а не новый объект. Если я обновляю страницу вручную, отображается правильная страница – Bertijn Pauwels 13 August 2018 в 15:54

Другие вопросы по тегам:

Похожие вопросы: