Forms are what we use every day and if there's a form, we often have to validate the input and show the validation results to the user.

Problems:

• The way to do this today with angular requires a lot of code (see https://angular.io/guide/form-validation for examples)
• In many cases we have to handle and show the same validation errors over and over again. E.g. "this field is required"

Opportunity:

• The way validation errors are shown is similar in most applications and can be easily adjusted using simple CSS.
• Common validation error messages should be ok for many applications.

Feature request:

• Add a component to easily display validation errors of form components.
• Add global validation settings to customize standard error messages and behavior.

Example:

// global setup
validationService.configure({
  showIf: 'touchedOrDirty',
  messages: {
   required: "This field is required',
   customKey: 'This field needs ... ',
   customKey2: errorMessageForCustomKey2Fn
});

// callback to generated error message for customKey2
function errorMessageForCustomKey2Fn(control: FormControl)  => return `can include 'but is ... ' from form control`;

// HTML in component template
<input formControlName="myinput" ... />
<validation-errors forControlName="myinput"> // < should handle all globally registered errors without additional code.
  <error key="keyOfValidatorOnlyUsedHere">Sorry, but you have to</error>
</validation-errors>

I think such a feature could massively reduce the work to setup forms.