[英]How select an item from dropdown list in angularjs?
如何從angularjs中的下拉列表中選擇一個項目,這里我使用的是普通的選擇列表,但不是來自對象數組。
如果我使用ng-repeat,那么我可以選擇一個,
但是我怎么能這樣做呢?
<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>
只需為與option
值對應的模型指定值即可
http://plnkr.co/edit/bB4Y8aOufk9UL3oRRHD7?p=preview
app.controller('MainCtrl', function($scope) {
$scope.range = 2.4
});
嘗試將模型數據放入數組的形式:
在你的控制器中
$scope.ModelValues = JSONResponse;
JSON響應應包含要在下拉列表中選擇的值,即
JSONResponse = {"range" : "100"}
HTML:
<select class="form-control" ng-model="ModelValues.range" ng-change="updateRange()">
</select >
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.