2017-05-17 2 views
0

각도를 사용하고 있습니다. 1.6.4 선택 상자에 연령을 표시하고 컨트롤러에서 값을 가져 오려면 아래 코드를 사용하지만 첫 번째 필드는 비어있게됩니까? 당신이 ngModel을 선택하지 않았기 때문에이각도 js 선택 상자가 처음에 비어 있습니다.

<select ng-model="agefrom" name="agefrom" id="agefrom" class="select" style="width: 45%"> 
    <option ng-repeat="age in ages" ng-value="age">{{age}}</option> 
    </select> 
+1

ng-options를 사용 (https://docs.angularjs.org/api/ng/directive/ngValue)과 어디서 잘못되었는지 이해해야합니다. 다음으로 [ngOptions] (https://docs.angularjs.org/api/ng/directive/ngOptions)에 대한 문서를 읽으면 올바르게 수행하는 방법을 알 수 있습니다. –

답변

0

당신은 단순히 첫 번째 옵션이 비어 제공이

<select ng-init="agefrom = ages[0]" 
    ng-model="agefrom" 
    name="agefrom" id="agefrom" class="select" 
    style="width: 45%"> 
    <option ng-repeat="age in ages" ng-value="age">{{age}}</option> 
</select> 
1

처럼 NG-초기화를 사용하여 해결하는 방법 좀 도와주세요. [ngValue]에 대한 설명서를 참조 ngModel에 가치를 추가하고 대신 ng-repeat

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 
$scope.ages = [2,3,4]; 
 

 
$scope.agefrom = $scope.ages[0] 
 

 
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<select ng-model="agefrom" name="agefrom" id="agefrom" class="select" style="width: 45%" ng-options="age as age for age in ages"> 
 
</select> 
 
</div>

관련 문제