Как выбрать элемент из выпадающего списка в 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>
2 4
javascript angularjs php angularjs-ng-model

2 ответа:

Просто присвойте модели значение, соответствующее значению option

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

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

Попробуйте представить данные модели в виде массива:

В вашем контроллере 

$scope.ModelValues = JSONResponse;

Ответ JSON должен содержать значение, которое будет выбрано в раскрывающемся списке, т. е.

JSONResponse = {"range" : "100"}

Html: 

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