\r\n ngx-form-errors works!\r\n
\r\n `,\r\n styles: ``\r\n})\r\nexport class NgxFormErrorsComponent {\r\n\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ErrorService {\r\n\r\n getErrorMessage(errors: any, label: string): string {\r\n\r\n if (errors['required']) {\r\n return `${label} is required`;\r\n }\r\n\r\n if (errors['email']) {\r\n return `Invalid email format`;\r\n }\r\n\r\n if (errors['minlength']) {\r\n return `${label} must be at least ${errors['minlength'].requiredLength} characters`;\r\n }\r\n\r\n if (errors['maxlength']) {\r\n return `${label} cannot exceed ${errors['maxlength'].requiredLength} characters`;\r\n }\r\n\r\n if (errors['pattern']) {\r\n return `Invalid ${label} format`;\r\n }\r\n\r\n return `Invalid ${label}`;\r\n }\r\n\r\n}","import { Component, Input, OnInit } from '@angular/core';\r\nimport { ControlContainer, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ErrorService } from '../services/error.service';\r\nimport { Subject, takeUntil } from 'rxjs';\r\n\r\n\r\n@Component({\r\n selector: 'ngx-error',\r\n standalone: true,\r\n imports: [CommonModule, ReactiveFormsModule],\r\n templateUrl: './error.component.html'\r\n})\r\nexport class ErrorComponent implements OnInit {\r\n\r\n destroy$ = new Subject