title: Giving unique id to each item in `ng-repeat` for DOM manipulations
body: <pre><code>.div(ng-repeat='item in items') 
     button(id='ID{{$index}}') No Hi
  
  button(id='anotherID1') Hi
  </code></pre>
  
  <p>inside relevant Angular Directive</p>
  
  <pre><code>$('#ID1').on('click', function() {alert('hi');});  // does not work 
  
  $('#anotherID1').on('click', function() {alert('hi');}); // works
  </code></pre>
  
  <p>I am performing DOM manipulations for which i need unique ID for ng-repeat elements. Please also suggest if DOM manipulation can be performed in any other way too.</p>
  
  <p>Edit: @tymeJV:-</p>
  
  <pre><code> style.
    .ques {
      height: 50px;
      overflow:hidden;
    }
  
  
  
  &lt;div ng-repeat='item in items'&gt;
      &lt;div class='ques'&gt; {{item.ques}}
      &lt;/div&gt;
      &lt;button id='ID{{$index}}'&gt; No Hi &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>// Directive Code:- to increase height of <code>&lt;div class = 'ques'&gt;</code></p>