[英]angular js select box comes empty option at first
I am using angular 1.6.4 I want to display ages in select box so get values from controller, I use below code, but first field will come empty? 我正在使用角度1.6.4,我想在选择框中显示年龄,以便从控制器获取值,我使用下面的代码,但是第一个字段将为空? please help me how to solve it
请帮我解决
<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>
the first option comes empty because you did not select a ngModel. 第一个选项为空,因为您没有选择ngModel。 add value to
ngModel
and also use ng-options
instead ng-repeat
为
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>
You can simply use ng-init like this 您可以像这样简单地使用ng-init
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.