Я создаю угловой проект 6 с панировочными сухарями.Я использую угловой модуль ng6-breadcrumbs.У меня есть searchComponent, и у него есть два div'а для базового поиска и расширенного поиска. И хлебные крошки будут отображаться как «search \ basic search» для базового поиска div и «search \ advanced search» для расширенного поиска div.
Я показываю основной элемент поиска, я меняю элемент поиска на «поиск / базовый поиск», используя приведенный ниже код:
this.breadcrumbsService.store([{label:'Search', url:'/search', params: []},{label:'Basic Search', url:'/', params: []}]);
, и пока показываю элемент расширенного поиска, я меняю крошкудля «поиска \ расширенного поиска», используя следующий код:
this.breadcrumbsService.store([{label:'Search', url:'/search', params: []},{label:'Advanced Search', url:'/', params: []}]);
Хлебная крошка включена в модуль приложения, как показано ниже:
<breadcrumb [allowBootstrap]="true"></breadcrumb>
Компонент Wise Breadcrumb настроен в маршрутизации, как показано ниже:
const appRoutes: Routes = [
{ path: 'search', component: ExplorerComponent,
data:{
breadcrumb : 'search'
}
}]
Я ожидаю, когда я нажимаю «поиск» в «поиске \ базовом поиске» или «поиске \ расширенном поиске», либотекущая страница должна быть обновлена, или мне нужно вызвать пользовательскую функцию, там я могу написать код для обновления текущей страницы.