Angular ng-options刪除空白選項並僅選擇第一個選項

Question

我正在使用AngularJS從我的控制器中的對象數組中動態填充我的選擇選項內容。我的對象有一個名爲userProfileName的屬性。

怎麼可能刪除我在頂部的空白選項？

此外，我想要選擇第一個配置文件配置文件1默認情況下。如何才能做到這一點？

我的代碼段是在這裏：

<select id="requestorSite" 
          ng-model="selectedUserProfile" 
          ng-options="userProfile.userProfileName for userProfile in userProfiles" 
          ng-selected="" 
          class="form-control displayInlineBlock width40per marginLeft15"> 
          </select> 

我的控制器具有

$scope.userProfiles 

作爲對象的陣列，並且每個對象具有用戶配置文件名屬性。

下面是截圖：

我想在頂部去除空白選項，默認情況下也簡介1選擇有。

感謝， ANKIT

Answer 1

做到這一點:)

在你的控制器：

function myCtrl ($scope) { 
    $scope.userProfiles = [ 
    {id: 10, name: 'Carton'}, 
    {id: 27, name: 'Bernard'}, 
    {id: 39, name: 'Julie'}, 
    ]; 

    $scope.selectedUserProfile= $scope.userProfiles[0]; // Set by default the value "carton" 
    }; 

在你的頁面：

 <select id="requestorSite" ng-model="selectedUserProfile" ng-options="userProfile as userProfile.name for userProfile in userProfiles"> 
      </select> 

CodePen：http://codepen.io/anon/pen/qdOGVB