title: How to separate groups in ng-repeat
body: <p>I have items I want to show, normally by using ng-repeat. I want to show the in some order (easy), but whenever the ordered attribute changes, I want some HTML in-between.</p>
  
  <p>Example: (<a href="http://jsfiddle.net/7pzLC/">Fiddle</a>):</p>
  
  <pre><code>&lt;div ng-app ng-controller="Main"&gt;
     &lt;div ng-repeat="item in items | orderBy:'role'"&gt;
          {{item.role}} - {{item.name}}
     &lt;/div&gt;
  &lt;/div&gt;
  
  function Main($scope){
      $scope.items = [{name: 'First', role: 1}, 
                      {name: 'Second', role:2}, 
                      {name: 'Third', role: 1}, 
                      {name: 'Fourth', role: 2}];
      }
  </code></pre>
  
  <p>I want it to print:</p>
  
  <blockquote>
    <p>1 - First<br>
      1 - Third<br>
     (some separator kode)<br>
    2 - Second<br>
    2 - Fourth</p>
  </blockquote>