Dirty Check Forms

Overview

If you're working with Angular forms, you know how important it is to keep track of user input, especially when it comes to unsaved changes. The @ngneat/dirty-check-forms library provides an elegant solution for detecting unsaved changes in Angular forms, ensuring that you can guide users effectively before they navigate away from unsaved data. With its intuitive implementation and robust features, this library takes the hassle out of managing form states.

By incorporating dirty checks seamlessly into your app, you can enhance user experience while handling form data. Whether it's through the straightforward API or robust support for in-app navigation, @ngneat/dirty-check-forms offers a clean approach to tackling the usual complexities of form management.

Features

• Dirty Check Forms!: Automatically detects changes in your forms, alerting users when they try to navigate away with unsaved changes.

• Support In-App Navigation: Creates a guard that integrates with your routing, allowing for safe navigation without losing data.

• Configurable Options: Customize the behavior of your dirty check with options like debounce time and whether to include disabled fields.

• Observable Return: The function returns an Observable that notifies you if the form is dirty, allowing for reactive programming.

• beforeunload Handling: Automatically hooks into the browser’s beforeunload event, prompting users before they close or refresh a page with unsaved changes.

• Contributors Welcome: An open-source initiative that encourages contributions, making it a collaborative project that evolves with community involvement.