컨트롤이 포커스를 얻었을 때 AngularJS로드 선택 옵션

Question

내 페이지를 조금 가볍게 만들고 싶습니다. 일부 옵션은 선택 옵션이어야하지만 사용자가 컨트롤을 터치하는 것처럼로드해야합니다. 어쩌면 초당 로딩 대화 상자를 표시하여 피드백을 줄 수 있습니다. Angular에서 어떻게 할 수 있습니까? 나는 ng-click과 ng-focus를 시도하여 모델 옵션 모집단을 트리거했지만 결코 실행되지 않습니다.

<select name="Category" ng-model="selectedCategory" ng-options="item.name as item.name for item in  categories"> 
     <option value="" disabled selected>All Categories</option> 
    </select> 

Answer 1

ng-focus. 그냥 빈 배열로 시작 $scope.categories 수 있도록하고 ng-focus 기능에 채울 :

$scope.categories = []; 
$scope.selectedCategory = {}; 

$scope.loadOptions = function() { 
    if ($scope.categories.length == 0) { 
    $scope.categories = [{ 
     name: 'option1' 
    }, { 
     name: 'option2' 
    }, { 
     name: 'option3' 
    }]; 
    } 
} 

HTML :

<select name="Category" ng-model="selectedCategory" 
    ng-options="item.name as item.name for item in categories" 
    ng-focus="loadOptions()"> 

Plunker