각도 필터를 사용하여 드롭 다운의 기본값을 선택할 수 없습니다.

Question

ng-option에 기본값을 추가하려고하지만이를 수행 할 수 없습니다. 다음은 내 코드

var app = angular.module('jobs',[]).constant('API_URL', 'http://localhost:8000/'); 

app.controller('jobsController', function($scope, $http, API_URL, $timeout){ 
    $scope.selectedItem = "Years"; 
    console.log("hihi"); 
}); 

angular.module('jobs').filter("minmax", function(){ 
    return function(arr, min, max){ 
     min = parseInt(min); 
     max = parseInt(max); 
     for(var i =min; i <= max; i++){ 
      arr.push(i); 
     } 
     return arr; 
    }; 
}); 


<div class="m-banner-1" ng-controller="jobsController"> 
    <select class="ui fluid normal dropdown" data-ng-model="selectedItem" 
      ng-options="opt as opt for opt in [] | minmax:0:30"> 
    </select> 
</div> 

여기 a link의

입니다!

내가

당신은 수동으로 빈 기본 옵션을 추가 할 필요가

Answer 1

을, 옵션의 배열이 포함 번호. "연도"는 숫자가 아니며 옵션이 아니기 때문에 선택할 수 없습니다. 그리고 심지어 $scope.selectedItem을 선택하려면 ng-model은 ng-model="selectedItem"이어야합니다. Not ng-model="proofGroupId"

"default option"을 표시하려면 값이없는 옵션과 원하는 레이블을 HTML에 추가해야합니다.

각 다이제스트에서 새 배열을 다시 만들고 다시 채우는 필터를 사용하는 것도 좋은 생각이 아니며 단지 일을보다 복잡하고 효율적이지 않게 만듭니다. 필터가 필요한 것은 아닙니다. 여기

은 같아야하는 방법은 다음과 같습니다

var app = angular.module('jobs',[]); 

app.controller('jobsController', function($scope) { 
    $scope.opts = []; 
    for (var i = 0; i <= 30; i++) { 
    $scope.opts.push(i); 
    } 
}); 

<div class="m-banner-1" ng-controller="jobsController"> 

    <select class="ui fluid normal dropdown" ng-model="proofGroupId" 
      ng-options="opt as opt for opt in opts"> 
    <option value="">Years</option> 
    </select> 

    {{ proofGroupId }} 
</div> 

그리고 여기가 in a plunkr입니다.

Answer 2

기본으로 선택 "년"을 도와주세요 싶어 : 나는 코멘트에 말했듯이

<select class="ui fluid normal dropdown" 
    ng-model="selectedItem" 
    ng-options="opt as opt for opt in [] | minmax:0:30"> 
    <option value="">Years</option> 
</select>