title: Angular Form Validations with multiple Routes
body: <p>How can I do Angular forms validations for multiple routes?
  For example, I have one big form, it contains several sections like tabs, and I can navigate to them in any moment. 
  I use rooting for like navigation.
  E.g. I have template, which include and about 5 tabs. </p>
  
  <p>When I fill all inputs I sent data to the server, the server validates my data and if I data had errors, server sent it to front end like JSON which contains errors array with objects like this</p>
  
  <p>{"field": "some input", "message": "some error message"}</p>
  
  <p>I parse this answer, and search form control from the form by a field value, and add error message. But I can do it, for one tab, because in the one moment I have active route only one tab, and I have the form control only for this tab, but how I can load other tabs, in a background and get their form control, and set the error message for them?</p>
  
  <p>Are there any ways to solve this problem?</p>
  
  <p>I tried to find an answer on the Internet, but I could not find anything specific. I find only one article with the same problem <a href="http://heidloff.net/article/angular-2-form-redux-multiple-routes" rel="nofollow noreferrer">http://heidloff.net/article/angular-2-form-redux-multiple-routes</a>, but really there is no other option, only how to use Redux?</p>
  
  <p><strong>[UPDATE]</strong></p>
  
  <p>I solved my problem. I deleted tab routes from form, and add all components of tabs in root form component, where early was </p>
  
  <pre><code>&lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>And added <strong>[hidden]</strong> directive to each tab, it is <strong>important</strong>, if adding *ngIf, then we have the same problem like with <strong>router-outlet</strong>, because we will not have access to component while condition in *ngIf will not true.</p>
  
  <p>And I made javascript class with constants for each tab, and add activeTab property to root component form, and I change activeTab  when click on the tab, and form for this tab shows.</p>
  
  <p>In this way I have access to all tabs components and when I did request to server and server return to me response with errors I can processing it in root form component and apply to child form components</p>