Angular / xng-панировочные сухари исчезают при перезагрузке страницы

#angular #xng-breadcrumb

Вопрос:

Я добавил xng-панировочные сухари в свое приложение Angular 9. Хлебные крошки пусты после перезагрузки страницы. Минимальный воспроизводимый пример: это Стекблитц, где переход к маршруту родитель/ребенок 2 выводит хлебные крошки, но перезагрузка стирает их. Что я делаю не так?

Ответ №1:

Вы можете решить эту проблему, введя BreadcrumbService в свой AppComponent :

 export class AppComponent {

  constructor(private breadcrumbService: BreadcrumbService) {}

}
 

Комментарии:

1. Почему/как это работает? Сервис панировочных сухарей восстанавливается в компоненте приложения (или в любом другом компоненте, в который он сначала вводится). Но как маршрутизатор работает с перезагрузкой дочерних страниц?

2. Я предполагаю, что если служба не создается до тех пор, пока не будет создан дочерний компонент, она упустит возможность настроить состояние для корневого компонента.