title: Angular ng-options remove blank option and select the first option only
body: <p>I am using AngularJS to populate my select options content dynamically from an array of objects in my controller. My objects has a property named <strong>userProfileName</strong>.</p>
  
  <p>How would it be possible to remove the blank option that I am getting at the top?</p>
  
  <p>Also, I would want to select the first profile <strong>Profile 1</strong> by default. How can this be done?</p>
  
  <p>My Snippet of code is here:</p>
  
  <pre><code>&lt;select id="requestorSite" 
                               ng-model="selectedUserProfile"
                               ng-options="userProfile.userProfileName for userProfile in userProfiles"
                               ng-selected=""
                               class="form-control displayInlineBlock width40per marginLeft15"&gt;
                              &lt;/select&gt;
  </code></pre>
  
  <p>My controller has</p>
  
  <pre><code>$scope.userProfiles
  </code></pre>
  
  <p>As the array of object and each object has <strong>userProfileName</strong> attribute.</p>
  
  <p>Below is the screen shot:
  <img src="https://i.stack.imgur.com/Ls7XO.png" alt="enter image description here"></p>
  
  <p>I would like to remove the blank option at the top and also have by default <strong>Profile 1</strong> selected.</p>
  
  <p>Thanks,
  Ankit</p>