title: Angular ng-repeat orderBy forllowing a specific schema
body: <p>I have the following code:</p>
  
  <pre><code>&lt;td&gt;
     &lt;div ng-repeat="authority in user.authorities"&gt;
         &lt;span class="label label-info"&gt;{{ authority }}&lt;/span&gt;
     &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>And in my javascript, user.authorities can be defined like this:</p>
  
  <pre><code>vm.authorities = ['ROLE_USER', 'ROLE_ADMIN', 'ROLE_INVITE', 'ROLE_SuperADMIN'];
  </code></pre>
  
  <p>Everything is OK but the result is</p>
  
  <p>ROLE_ADMIN</p>
  
  <p>ROLE_INVITE</p>
  
  <p>ROLE_SuperADMIN</p>
  
  <p>ROLE_USER</p>
  
  <p>And I would like to obtain:</p>
  
  <p>ROLE_INVITE</p>
  
  <p>ROLE_USER</p>
  
  <p>ROLE_ADMIN</p>
  
  <p>ROLE_SuperADMIN</p>
  
  <p>ie a non alphabetical order... I searched over stackoverflow a solution but did not found it...</p>
  
  <p>Could you tell me how I could do? I would not like to change the definition of my object...</p>