feat(ngx-formcontrol-errors-msgs): allow HTML tags in error messages (#…

…15)

* feat(ngx-formcontrol-errors-msgs): allow HTML tags in messages

* docs: update readme

README.md

@@ -90,7 +90,7 @@ export const appConfig: ApplicationConfig = {
       provide: FORM_ERROR_MESSAGES_PROVIDER,
       useValue: {
         // This message will override the default message
-        required: "This is a required field",
+        required: "This is a <b>required</b> field",
         // This is a message for a custom validator and will extend the default
         // messages
         myCustomValidation: "There is an error",
@@ -101,6 +101,8 @@ export const appConfig: ApplicationConfig = {
 };
 ```
 
+HTML tags are allowed.
+
 ## Internationalization (I18N)
 
 ### 1. Angular I18N

projects/ngx-formcontrol-errors-msgs/src/lib/ngx-formcontrol-errors.component.ts

@@ -1,14 +1,19 @@
 import {
   Component,
+  ElementRef,
   Input,
 } from '@angular/core';
 
 @Component({
   selector: 'ngx-formcontrol-errors',
   standalone: true,
-  template: `{{ message }}`,
+  template: ``,
 })
 export class NgxFormcontrolErrorsComponent {
   @Input()
-  message = '';
+  set message(msg: string) {
+    this.elementRef.nativeElement.innerHTML = msg;
+  }
+
+  constructor(private readonly elementRef: ElementRef<HTMLElement>) {}
 }