https://github.com/nivans/ngx-breadcrumbs
Angular 6 + Bootstrap 4 breadcrumbs plugin
https://github.com/nivans/ngx-breadcrumbs
angular6 bootstrap4 breadcrumbs nivans npm plugin
Last synced: 8 months ago
JSON representation
Angular 6 + Bootstrap 4 breadcrumbs plugin
- Host: GitHub
- URL: https://github.com/nivans/ngx-breadcrumbs
- Owner: nivans
- Created: 2018-07-04T16:28:44.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-23T14:02:52.000Z (almost 8 years ago)
- Last Synced: 2025-01-31T22:41:33.393Z (over 1 year ago)
- Topics: angular6, bootstrap4, breadcrumbs, nivans, npm, plugin
- Language: TypeScript
- Homepage:
- Size: 116 KB
- Stars: 3
- Watchers: 2
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @nivans / Angular 6 Bootstrap 4 breadcrumbs plugin
An Angular 6 module create a breadcrumbs based on RouteModule data.
## PLUGIN IS IN PROCESS OF DEVELOPMENT
## Installation
```bash
# install via npm
$ npm --save install @nivans/ngx-breadcrumbs
# or install via yarn
$ yarn add @nivans/ngx-breadcrumbs
```
To use this module you have to add it to the `imports` section in your `app.module.ts`. It should be lower than `RouterModule` import.
```javascript
import { RouterModule } from '@angular/router';
import { McBreadcrumbsModule } from 'ngx-breadcrumbs';
@NgModule({
imports: [
RouterModule.forRoot(routes),
NgxBreadcrumbsModule.forRoot()
],
})
export class AppModule {}
```
Now you have to set it on the place in your global template. Usually, the best place is in `AppComponent` template.
```javascript
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {}
```
## Configuration
Configuration of the breadcrumbs module is accessable in your route configuration.
```javascript
const routes: Route[] = {
{
path: '',
component: HomeComponent,
data: {
breadcrumb: 'Home',
isHome: true,
icon: 'fa fa-home',
show: false
}
}
};
```