A library for handling a proper angular back button capability
npm install ngx-back-button!NPM
!npm bundle size
!npm
1. Handle Browser history
2. Handle Fallback when clicking on the back button when not routed yet
3. Handle custom Fallback
``sh`
npm install ngx-back-button
To configure the library, provide the NgxBackButtonService and its configuration globally in your main.ts file:
`typescript
import { NgxBackButtonServiceProvider } from 'ngx-back-button'
bootstrapApplication(AppComponent, {
providers: [
{ // This is optional
provide: NgxBackButtonServiceProvider,
useValue: {
rootUrl: '/custom', // Or any custom root URL
fallbackPrefix: '/tabs', // For library users
},
},
],
}).catch((err) => console.error(err));
`
Use: If you're building a library and wish to put some back button with fallback.
For example, if you build a component with the following:
`html`
But inside your app, you always have the /tabs first.
Adding fallbackPrefix: '/tabs' will be the same as if you were doing the following:
`html`
`typescript
import { NgxBackButtonDirective } from 'ngx-back-button'
@Component({
// ...
imports: [
NgxBackButtonDirective,
],
`
Normal use:
`html`
With Fallback:
`html`
`typescript
// foo.component.ts
import { NgxBackButtonService } from 'ngx-back-button';
// ...
ngxBackButtonService = inject(NgxBackButtonService)
`
Normal use:
`html`
With Fallback:
`html``
