title: How to use labels inside loops with AngularJS
body: <p>So I'm inside an <code>ng-repeat</code> like this:</p>
  
  <pre><code>&lt;li ng-repeat="x in xs"&gt;
      &lt;form&gt;
         &lt;label for="UNIQUELABEL"&gt;name&lt;/label&gt;
         &lt;input  id="UNIQUELABEL"&gt;
         &lt;label for="ANOTHERUNIQUELABEL"&gt;name2&lt;/label&gt;
         &lt;input  id="ANOTHERUNIQUELABEL"&gt;
      &lt;/form&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Which should produce something like</p>
  
  <pre><code>&lt;li&gt;
      &lt;form&gt;
         &lt;label for="UNIQUELABEL1"&gt;name&lt;/label&gt;
         &lt;input  id="UNIQUELABEL1"&gt;
         &lt;label for="ANOTHERUNIQUELABEL1"&gt;name2&lt;/label&gt;
         &lt;input  id="ANOTHERUNIQUELABEL1"&gt;
      &lt;/form&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;form&gt;
         &lt;label for="UNIQUELABEL2"&gt;name&lt;/label&gt;
         &lt;input  id="UNIQUELABEL2"&gt;
         &lt;label for="ANOTHERUNIQUELABEL2"&gt;name2&lt;/label&gt;
         &lt;input  id="ANOTHERUNIQUELABEL2"&gt;
      &lt;/form&gt;
  &lt;/li&gt;
  ...
  </code></pre>
  
  <p>I'm new to AngularJS and not sure of the right way to approach this (none of the docs use <code>label</code> at all).</p>