角 - 防止初始選擇選項是空白

Question

我有一些簡單的角度代碼，生成一個表單，並填充一個選擇框與從陣列選擇：

HTML：

<form class="form-horizontal"> 
    <div class="control-group"> 
     Title: <br /> 
     <input ng-model="new_project.title" type="text" id="title" class="form-control" placeholder="Title" > 
     Created By: <br /> 
     <select data-ng-options="o.name for o in assignedToOptions" data-ng-model="new_project.created_by" id="created_by" class="form-control"></select> 
    </div> 
    ... 
</form> 

JS：

$scope.getUsers = function() { 
    ConcernService.list('users/').then(function(data) { 
     $scope.users = data; 
     // assign user list to select options 
     $scope.assignedToOptions = []; 
     i = 0; 
     while (i < data.length) { 
      $scope.assignedToOptions.push({ name: data[i].id, name: data[i].username }); 
      i++; 
     }; 
    }); 
}; 

這一切工作正常，但角度總是將一張空白選項在選擇字段中。消除空白選項的最佳方法是什麼？

任何幫助非常感謝。

Answer 1

要消除空白選項，您需要確保選擇模型具有初始值。

您可以設置它的控制器：

$scope.new_project = 
    { 
     created_by: $scope.assignedToOptions[0] 
    }; 

或通過添加下列屬性來選擇元素：

ng-init="new_project.created_by = assignedToOptions[0]"