src/app/shared/ui/pagetitle/pagetitle.component.ts
OnInit
| selector | bgui-pagetitle |
| standalone | true |
| imports |
CommonModule
|
| styleUrls | ./pagetitle.component.scss |
| templateUrl | ./pagetitle.component.html |
Methods |
Inputs |
constructor()
|
| breadcrumbItems | |
Type : any
|
|
| title | |
Type : string | undefined
|
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
@Component({
selector: 'bgui-pagetitle',
standalone: true,
imports: [CommonModule],
templateUrl: './pagetitle.component.html',
styleUrls: ['./pagetitle.component.scss'],
})
export class PagetitleComponent implements OnInit {
@Input() breadcrumbItems: any;
@Input() title: string | undefined;
constructor() {}
ngOnInit() {}
}
<!-- breadcrumb item -->
<div class="nk-block-head-content">
<h3 class="nk-block-title page-title">{{ title }}</h3>
<div class="nk-block-des text-soft">
<ng-container *ngFor="let item of breadcrumbItems">
<div class="nk-block-des text-soft" *ngIf="!item.active">
<p>{{ item.label }}</p>
</div>
<li class="nk-block-des text-soft active" *ngIf="item.active">
{{ item.label }}
</li>
</ng-container>
</div>
</div>
./pagetitle.component.scss
*{
font-family: 'Roboto';
}