title: angular ng-repeat add text to the first item inside the select options
body: <p>I'm trying to add a text "primary" to the select options dropdown, where the text primary should be applied only to the 1st item of the options or if a new user is added he should be primary.</p>
  
  <pre><code>in HTML
  
  &lt;div ng-controller="MyCtrl"&gt;
    &lt;select&gt;
    &lt;option ng-repeat="names in name"&gt;{{names.name}} - {{names.id}} &lt;span ng-if="$first"&gt;primary&lt;/span&gt;&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  
  in Controller
  
  var myApp = angular.module('myApp',[]);
  
  function MyCtrl($scope) {
      $scope.name = [{name:"jack",id:1},{name:"jill",id:2},{name:"nick",id:3},{name:"homes",id:4},{name:"jhones",id:5},{name:"james",id:6}];
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Lvc0u55v/10911/" rel="nofollow">JsFiddle here</a></p>