title: Angularjs with ng-repeat is generating the same id for multiple elements of the same type
body: <p>I have an html page where i have an object 'Message' having a property 'Properties' which is an array of objects. The problem is when I'm using 'ng-repeat' to iterate over 'Message.Properties' items to render certain custom elements i created with angularjs which by its turn generate an id, i get the same id for the elements of the same type. here's a sample of my code:</p>
  
  <pre><code>&lt;div data-ng-repeat="property in Message.Properties"&gt;
  ...
    &lt;div ngm-if="(property.Type == 9)"&gt;                            
      &lt;sdk:selectbox name="property.Title" row="" datafield="property.Value"
        options="property.ValueCollection" displayfield="Value" valuefield="Key"
        mandatory="property.isMandatory" labeled="property.Title" multiple=""&gt;
      &lt;/neolynk:selectbox&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>To reformulate, when the element "sdk:selectbox" is compiled, and if i have 2 properties in the Message.Properties with the same type (e.g: 9) the generated id(of the html input created) is the same for both(although I'm generating it randomly), but I need different Ids of course for different inputs. I read that ng-repeat makes clones of the templates for each item, is that it?! How to solve it? I would appreciate any help.</p>