title: How to perform ng-show in the another tab?
body: <p>How to show validation errors on the second tab?
  I'm learning angularJS validation, and here is the situation:
  I create a big form with different input tags for all situation, it could be input, select, checkboxes. And I validate it with ng-show, for example:</p>
  
  <pre><code>&lt;form name="MyForm"&gt;
    &lt;label&gt;My Name:&lt;/label&gt;
        &lt;input type="text" name="name" class="form-control" ng-model="value" required&gt;
        &lt;span ng-show="MyForm.name.$error.required"&gt;This field is required&lt;/span&gt;
  ...
  </code></pre>
  
  <p>So when the field is empty it says to me that it's required.</p>
  
  <p>But I output all information from this form to the second tab (with is made with ui-router views):
  First tab gets information from my form and put it to the the LocalStorage, than I go to the second tab and use ng-repeat to show all information from the LocalStorage. 
  But how to say if some fields are empty on the second tab?
  How to bind this two tabs, should I use ng-show, or there is another solution?</p>
  
  <p>The result should be:</p>
  
  <p>tab1:</p>
  
  <pre><code>&lt;form name="MyForm"&gt;
  &lt;input name="name" required&gt;   // input Mick
  &lt;input name="Last Name" required&gt;  // leave empty
  </code></pre>
  
  <p>tab2:</p>
  
  <ul>
  <li>name:     Mick</li>
  <li>Last Name: This field is required</li>
  </ul>
  
  <p>Sorry form my english, I how that everything is clear</p>
  
  <p>Please se the link:  <a href="http://embed.plnkr.co/RlbB49J6LlTrMiHEcSZQ/preview" rel="nofollow">http://embed.plnkr.co/RlbB49J6LlTrMiHEcSZQ/preview</a></p>