AngularJS - 用ajax源選擇空選項

Question

我有一個選擇元素應該填充一些選項，我需要從API調用中檢索，然後將第一個選項設置爲選中。

但Angular在第一個位置創建了一個空選項，我不知道如何刪除它。

這裏是我的代碼：

HTML

<select class="form-control" ng-model="selectedPositionFamily"> 
    <option ng-repeat="pf in positionFamilies" ng-value="pf.uuid">{{pf.name}}</option> 
</select> 

控制器

function Controller($scope, PositionFamilyService) { 

    $scope.positionFamilies = []; 

    $scope.selectedPositionFamily = ""; 

    initController(); 

    function initController() { 

     PositionFamilyService.getAll({ 'sort' : 'order,asc' }) 
      .then(function(data){ 
       $scope.positionFamilies = data.content; 
       $scope.selectedPositionFamily = $scope.positionFamilies[0].uuid;       
      }); 
    } 
} 

Answer 1

可以用NG選項

HTML實現

同樣的事情

個

<select ng-model="selectedPositionFamily" 
ng-options="pf.uuid as pf.name for pf in positionFamilies"></select> 

JS

$scope.positionFamilies = [{uuid:1, name:"val1"}, 
{uuid:2, name:"val2"},{uuid:3, name:"val3"}]; 
$scope.selectedPositionFamily = $scope.positionFamilies[0].uuid; 

https://jsfiddle.net/mxno5esv/