title: How to select first option by default in select box or drop down
body: <p>I am trying to display select box using directive. But my default option is not  display.</p>
  
  <p>I do like this</p>
  
  <pre><code>&lt;div&gt;
      &lt;select ng-init="userselected = vm.data[0]"
              ng-model="userselected"
              ng-options="option.name for option in vm.data"&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my code
  <a href="http://plnkr.co/edit/Q1e8u0okOa4looLcb2YO?p=preview" rel="nofollow">http://plnkr.co/edit/Q1e8u0okOa4looLcb2YO?p=preview</a></p>
  
  <pre><code>.controller('f',function($http){
          var l=this;
          $http.get('data.json').success(function(data){
            l.data=data;
          })
        })
  </code></pre>
  
  <p><strong>Can we load data before calling controller and loading the html file using resolve?</strong></p>