https://github.com/rothsandro/ng-reactive-forms-errors

https://github.com/rothsandro/ng-reactive-forms-errors

angular angular-material forms reactive-forms

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/rothsandro/ng-reactive-forms-errors
• Owner: rothsandro
• Created: 2022-07-10T19:45:03.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-11T17:56:12.000Z (over 2 years ago)
• Last Synced: 2024-10-14T07:11:41.995Z (3 months ago)
• Topics: angular, angular-material, forms, reactive-forms
• Language: TypeScript
• Homepage: https://sandroroth.com/blog/angular-reactive-forms-errors
• Size: 215 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Handle multiple validation errors with Reactive Forms + Angular Material

This is a simple demo app for the blog post [Handle multiple validation errors with Reactive Forms + Angular Material](http://sandroroth.com/blog/angular-reactive-forms-errors) that shows how to handle form fields with multiple validation error messages.

Without the directive you would probably do something like this:

```html

  E-mail

  

  

    E-mail is required

  

  

    Enter a valid e-mail

  

```

With the directive implemented in this demo app you can do this:

```html

  E-mail

  

  E-mail is required

  Enter a valid e-mail

```

[Read my blog post](http://sandroroth.com/blog/angular-reactive-forms-errors) for more information.

---

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.4.