mo-breadcrumb-manager
Version:
Angular dynamic breadcrumb component with route-based navigation
43 lines (38 loc) • 1.44 kB
TypeScript
import { Observable } from 'rxjs';
import { Router, ActivatedRoute } from '@angular/router';
import * as i0 from '@angular/core';
import { OnInit, OnDestroy } from '@angular/core';
interface BreadcrumbItem {
label: string;
url: string;
isClickable: boolean;
}
declare class Breadcrumb {
private router;
private activatedRoute;
private breadcrumbSubject;
private pageTitleSubject;
constructor(router: Router, activatedRoute: ActivatedRoute);
get breadcrumbs$(): Observable<BreadcrumbItem[]>;
get pageTitle$(): Observable<string>;
private updateBreadcrumbs;
private getPageTitle;
private getBreadcrumbItems;
navigateTo(item: BreadcrumbItem): void;
static ɵfac: i0.ɵɵFactoryDeclaration<Breadcrumb, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<Breadcrumb>;
}
declare class MoBreadcumbManager implements OnInit, OnDestroy {
private breadcrumbService;
breadcrumbItems: BreadcrumbItem[];
pageTitle: string;
private destroy$;
constructor(breadcrumbService: Breadcrumb);
ngOnInit(): void;
ngOnDestroy(): void;
onBreadcrumbClick(item: BreadcrumbItem): void;
static ɵfac: i0.ɵɵFactoryDeclaration<MoBreadcumbManager, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<MoBreadcumbManager, "mo-breadcrumb-manager", never, {}, {}, never, never, true, never>;
}
export { Breadcrumb, MoBreadcumbManager };
export type { BreadcrumbItem };