Получение пустого выпадающего значения даже после использования ng-selected

Question

Я использую ng-selected, чтобы получить выбранное значение из выпадающего списка. Но вместо этого он отображается пустым.

Я пробовал следующий код:

<div>
   <select id="user_org" ng-model="selectedorg.allValue" ng-change="qrochange(this)" material-select watch required >
           <option ng-selected='{{selectedorg.allValue == user.user_org}}' ng-repeat="user in orgowners | unique:'user_org'" value="{{user.id}},{{user.user_org_quota}}">{{user.user_org}}</option>
   </select>
   <label for="user_org">Organization</label>
</div>

Controller.js:

var orgowners = Restangular.one("users/" + user_id + "/list");
            orgowners.getList().then(function(projects) {
                $scope.orgowners = projects;
                 var parent_index = $scope.findIndexByKeyValue($scope.orgowners,'id',$scope.id);
                    $scope.selectedorg= $scope.orgowners[parent_index];
                    $scope.selectedorg.allValue = $scope.selectedorg.id+','+$scope.selectedorg.user_org_quota;
                    $scope.qro = $scope.selectedorg.user_org_quota;
            })

        $scope.qrochange = function(event) {
                id = event.selectedorg.allValue;
                var quota_res = id.split(',')[1];
                $scope.qro = quota_res;
                $scope.user_org_quota = parseInt(quota_res);
            }

Как получить выбранное значение?

Answer 1

ng-модель должна давать выбранное значение.

Более простой способ отобразить раскрывающийся список - использовать ng-options.Что-то вроде:

<select ng-model="selectedorg" ng-options="user.user_org for user in orgowners | unique:'user_org'">

Смотри также: angularjs ngOptions