Best way to show error messages for angular reactive forms, one formcontrol multiple validation errors?

Question

I am showing reactive form error messages as per the suggested approach of angular angular form validation error example.

html code of showing error on the page

Answer 1

I would suggest to have a directive and component to show powerfully error message. component for each error message of form control and directive for add the component under the native element of form control. the full code can be found here