select 如何从 angularjs 的下拉列表中选择一个项目？

Question

如何从 angularjs 的下拉列表中 select 一个项目，这里我使用的是普通的 select 列表，而不是来自对象数组。

如果我使用 ng-repeat 那么我可以 select 一个，

但是我该怎么做呢？

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

Answer 1

尝试将您的模型数据以数组的形式放置：

在您的控制器中

$scope.ModelValues = JSONResponse;

JSON 响应应包含要在下拉列表中选择的值，即

JSONResponse = {"range" : "100"}

html:

<select class="form-control" ng-model="ModelValues.range" ng-change="updateRange()">
</select >

Answer 2

只需将值分配给与option值

对应的模型

http://plnkr.co/edit/bB4Y8aOufk9UL3oRRHD7?p=preview

app.controller('MainCtrl', function($scope) {
  $scope.range = 2.4
});

select 如何从 angularjs 的下拉列表中选择一个项目？

How select an item from dropdown list in angularjs?

javascript

php

select

angularjs

angularjs-ng-model