javascript - Angular js选择框首先为空选项

我正在使用角度1.6.4，我想在选择框中显示年龄，以便从控制器获取值，我使用下面的代码，但是第一个字段将为空？请帮我解决

  <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>

最佳答案

第一个选项为空，因为您没有选择ngModel。将值添加到ngModel并使用ng-options代替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>

关于javascript - Angular js选择框首先为空选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44021555/