[英]How select an item from dropdown list in angularjs?
How select an item from dropdown list in angularjs,Here I am using normal select list but not from object array. 如何从angularjs中的下拉列表中选择一个项目,这里我使用的是普通的选择列表,但不是来自对象数组。
If I am using ng-repeat then I can select one, 如果我使用ng-repeat,那么我可以选择一个,
but here how can I do the same? 但是我怎么能这样做呢?
<select class="form-control" ng-model="range" ng-change="updateRange()">
<optgroup label="Current">
<option value="1.1">Today</option>
<option value="1.2">This Week</option>
<option value="1.3">This Month</option>
<option value="1.4">This Quarter</option>
<option value="1.5">This Year</option>
</optgroup>
<optgroup label="Previous">
<option value="2.1">Yesterday</option>
<option value="2.2">Previous Week</option>
<option value="2.3">Previous Month</option>
<option value="2.4">Previous Quarter</option>
<option value="2.5">Previous Year</option>
</optgroup>
<optgroup label="Custom">
<option ng-value="3">Custom</option>
</optgroup>
</select>
Simply assign value to the model that corresponds with option
value 只需为与
option
值对应的模型指定值即可
http://plnkr.co/edit/bB4Y8aOufk9UL3oRRHD7?p=preview http://plnkr.co/edit/bB4Y8aOufk9UL3oRRHD7?p=preview
app.controller('MainCtrl', function($scope) {
$scope.range = 2.4
});
Try to put your model data in form of an array : 尝试将模型数据放入数组的形式:
In your controller 在你的控制器中
$scope.ModelValues = JSONResponse;
JSON Response should contain the value to be selected in the drop down ie JSON响应应包含要在下拉列表中选择的值,即
JSONResponse = {"range" : "100"}
html: HTML:
<select class="form-control" ng-model="ModelValues.range" ng-change="updateRange()">
</select >
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.