How to pass and show validation error from service in child component angular4 below particular input tag

Question

I am using Angular 4 reactive form and have created a directive (called in parent input and child input separately) to show the errors below each input field if someone write and removes the content, the error is shown below that field (a new div element is created) but now I want to show the errors in parent as well as child component when I submit the form (submit button is in parent class)

Answer 1

Create a message service and store all the validation error message to it. Upon submit display the content if any.

Also you can keep them in separate arrays or whatsoever you like and display accordingly.

HTH