Skip to content

ngx-navigate-back is a lightweight Angular library designed to simplify navigation management within Angular applications. With ngx-navigate-back, you can easily implement a "back" functionality similar to the browser's native back button, allowing users to navigate to the previous page within your Angular application.

License

developwithmi/ngx-navigate-back

Repository files navigation

ngx-navigate-back

ngx-navigate-back is a lightweight Angular library designed to simplify navigation management within Angular applications. With ngx-navigate-back, you can easily implement a "back" functionality similar to the browser's native back button, allowing users to navigate to the previous page within your Angular application.

Features

  • Simple Integration: Easy to integrate into your Angular application.
  • Record Navigation History: Record the navigation history to enable smooth backward navigation.
  • Retrieve Navigation History: Get the navigation history as an array.
  • Navigate Back: Go back to the previous page with a simple function call.

Functions

  • recordUrlHistory(): Begins recording the navigation history.
  • getHistory(): Retrieves the navigation history as an array.
  • navigateBack(): Navigates back to the previous page.

Installation

Install ngx-navigate-back via npm:

npm install ngx-navigate-back

Usage

  1. Import NgxNavigateBackService in your Angular component:
import { NgxNavigateBackService } from 'ngx-navigate-back';
  1. Inject NgxNavigateBackService into your component:
constructor(public navigation: NgxNavigateBackService) {
  this.navigation.recordUrlHistory();
}
  1. Use the navigateBack() function to implement the "back" functionality:
<button (click)="navigation.navigateBack()">Back to Previous Page</button>

License

This project is licensed under the MIT License - see the LICENSE file for details.


About

ngx-navigate-back is a lightweight Angular library designed to simplify navigation management within Angular applications. With ngx-navigate-back, you can easily implement a "back" functionality similar to the browser's native back button, allowing users to navigate to the previous page within your Angular application.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published