Angular and server side validation [closed]

Is there some "best practice" to integrate Angular reactive forms with server side validation?
Searching, for now I found only

https://www.puzzle.ch/de/blog/articles/2017/01/18/server-side-validations-with-angular-2

EDIT

Not being able to answer myself this question, closed by some of Stackoverflow's overzealous users, I nevertheless suggest to look into the code generated by JHipster (CRUD code generator for Angular/Spring applications) for the case of a new entity with client and server side validation.

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.

1 Answer
1

First i will clarify why we should integrate both client and server side validation for three main reasons :

Then about your question. include Server side validation error message on your reactive form looks to be great idea (especially for last reason above).

For that, as pruposed by your link, you should take adventage of HTTP status code who will help you to categorize your error type. Then you have to design generic ErrorResponseBag. For Example (and is just example easy to understand), MangoPay API have bellow schema for error reporting :

ErrorResponseBag

{
"resultCode" : 1234,
"ResultMessage" : "some message",
"MoreInformation" : "Optional extra information"
}


ResultCode : Is number who make reference to specific constant type error.

Then is easy to create EasyErrorHandler who intercept each HttpErrorResponse and put it on Alert or what ever.

EasyErrorHandler

HttpErrorResponse

Sample of HttpInterceptor in StackBlitz

source for mangopay

Note : if you need more information about HttpInterceptor file free to ask me