title: AngularJS ngOptions sort array
body: <p>I have been trying to use <code>ng-options</code> to display an array of fonts in a select sorted alphabetically by the value of the items in the array.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select ng-options="font for font in webfonts | orderBy:'font'" name="fonts"&gt;
       &lt;option value=""&gt;Choose a font&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$scope.webfonts = [ 
          'Abel', 'Crafty Girls' , 'Lato' , 'Average',
          'Corben', 'Quicksand', ... ];
  </code></pre>
  
  <p>I've tried changing the value in <code>orderBy</code> and other things. I've read through the <a href="http://docs.angularjs.org/api/ng.filter%3aorderBy">documentation</a> and all comments.</p>
  
  <p>What am I missing? Is this supposed to only work on objects?</p>