ngoptions 데이터가 비동기 적으로 바인딩 될 때 비어있는 옵션을 기본값으로 선택합니다.

Question

컨트롤러에 비동기 적으로 바인딩 된 ngoptions 배열이 있습니다. 내가 select를 만들 때, 빈 옵션이 생성됩니다. 어떻게 피할 수 있습니까?

<select data-ng-model="order.employee" ng-options="employee._id as employee.name for 
    employee in employeess"> </select> 

내 컨트롤러 코드

Employees.query(function(employees){ 
    $scope.employees = employees 
}); 

가 어떻게 빈 피하기 않는 선택이 생성되고? 나는 INIT-ng를 시도하지만 그것은 당신이 모델을 초기화되지 않았기 때문이다

Answer 1

솔루션을

(1) 당신은 빈 옵션을 만들 수 있습니다. 이것은 기본적으로 선택됩니다.

$scope.order.employee = -1 

<select data-ng-model="order.employee" ng-options="employee._id as employee.name for 
    employee in employeess"> 
    <option value="-1">--Select--<option> 
</select> 

(2) 당신은

Employees.query(function(employees){ 
    $scope.employees = employees 
    $scope.order.employee = employees.length ? employee[0]._id : -1 
}); 

Answer 2

를 작동하지 않았다. 컨트롤러의 ng-model = "order.employee"에 대한 기본값을 설정해야합니다. 처럼 :

$scope.order.employee = -1 

하고이 구조가 있어야 선택 :

<select data-ng-model="order.employee" ng-options="employee._id as employee.name for 
    employee in employeess"> 
    <option value="-1">Click to Select<option> 
</select>