@exalif/ngx-breadcrumbs
Version:
Angular 4+ breadcrumbs on top of native Angular router
43 lines (42 loc) • 3.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component } from '@angular/core';
import { BreadcrumbsService } from '../services/breadcrumbs.service';
export class BreadcrumbsComponent {
/**
* @param {?} breadcrumbsService
*/
constructor(breadcrumbsService) {
this.breadcrumbsService = breadcrumbsService;
this.crumbs$ = this.breadcrumbsService.getCrumbs();
}
}
BreadcrumbsComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-breadcrumbs',
template: `
<ol *ngIf="crumbs$ | async as crumbs" class="breadcrumbs__container">
<li *ngFor="let crumb of crumbs; let last = last"
[ngClass]="{ 'breadcrumbs__item--active': last }"
class="breadcrumbs__item"
>
<a *ngIf="!last" [routerLink]="crumb.path">{{ crumb.text }}</a>
<span *ngIf="last">{{ crumb.text }}</span>
</li>
</ol>
`
},] },
];
/** @nocollapse */
BreadcrumbsComponent.ctorParameters = () => [
{ type: BreadcrumbsService }
];
function BreadcrumbsComponent_tsickle_Closure_declarations() {
/** @type {?} */
BreadcrumbsComponent.prototype.crumbs$;
/** @type {?} */
BreadcrumbsComponent.prototype.breadcrumbsService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGV4YWxpZi9uZ3gtYnJlYWRjcnVtYnMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50L2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFJN0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFpQnJFLE1BQU07Ozs7SUFHSixZQUFtQixrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjt1QkFGZCxJQUFJLENBQUMsa0JBQWtCLENBQUMsU0FBUyxFQUFFO0tBRWhCOzs7WUFqQi9ELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDthQUNGOzs7O1lBaEJRLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQnJlYWRjcnVtYnNTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvYnJlYWRjcnVtYnMuc2VydmljZSc7XG5pbXBvcnQgeyBCcmVhZGNydW1iIH0gZnJvbSAnLi4vbW9kZWxzL2JyZWFkY3J1bWInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYnJlYWRjcnVtYnMnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxvbCAqbmdJZj1cImNydW1icyQgfCBhc3luYyBhcyBjcnVtYnNcIiBjbGFzcz1cImJyZWFkY3J1bWJzX19jb250YWluZXJcIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgY3J1bWIgb2YgY3J1bWJzOyBsZXQgbGFzdCA9IGxhc3RcIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdicmVhZGNydW1ic19faXRlbS0tYWN0aXZlJzogbGFzdCB9XCJcbiAgICAgICAgY2xhc3M9XCJicmVhZGNydW1ic19faXRlbVwiXG4gICAgICA+XG4gICAgICAgIDxhICpuZ0lmPVwiIWxhc3RcIiBbcm91dGVyTGlua109XCJjcnVtYi5wYXRoXCI+e3sgY3J1bWIudGV4dCB9fTwvYT5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJsYXN0XCI+e3sgY3J1bWIudGV4dCB9fTwvc3Bhbj5cbiAgICAgIDwvbGk+XG4gICAgPC9vbD5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1ic0NvbXBvbmVudCB7XG4gIHB1YmxpYyBjcnVtYnMkOiBPYnNlcnZhYmxlPEJyZWFkY3J1bWJbXT4gPSB0aGlzLmJyZWFkY3J1bWJzU2VydmljZS5nZXRDcnVtYnMoKTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYnJlYWRjcnVtYnNTZXJ2aWNlOiBCcmVhZGNydW1ic1NlcnZpY2UpIHsgfVxufVxuIl19