@ngx-loading-bar/router
v7.0.0
Published
Automatic page loading / progress bar for Angular
Downloads
94,136
Maintainers
Readme
@ngx-loading-bar/router
A fully automatic loading bar with zero configuration for angular app (http, http-client and router).
1. Install @ngx-loading-bar/router
npm install @ngx-loading-bar/router --save
2. Import the LoadingBarRouterModule
:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
import { LoadingBarRouterModule } from '@ngx-loading-bar/router';
import { AppComponent } from './app';
@NgModule({
imports: [
BrowserModule,
RouterModule.forRoot(...),
LoadingBarRouterModule,
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ],
})
export class AppModule {
}
3. Include ngx-loading-bar
in your app component:
import { Component } from '@angular/core';
@Component({
selector: 'app',
template: `
...
<ngx-loading-bar></ngx-loading-bar>
`,
})
export class AppComponent {}
Related packages
- @ngx-loading-bar/http-client - Display the progress of your
@angular/common/http
requests. - @ngx-loading-bar/http - Display the progress of your
@angular/http
requests. - @ngx-loading-bar/core - Core module to manage the progress bar manually.