У меня есть выпадающее меню выбора, и я хочу сохранить выбранное значение в контроллере. Если Office1 выбран, то Office! выбран в области действия и так далее. Я не могу сохранить значение в контроллере, поскольку я новичок в angularjs.Can кто-то Help Heres мой код выпадающего списка
<div class="col-xs-12">
<h5>Select the System:</h5>
<select id="repeatSystem" ng-model="selectedSystem" style="width: 100%">
<option ng-repeat="(key,value) in systems" value="{{key}}">{{key}}</option>
</select>
<select id="repeatOffice" ng-model="selectedState" style="width: 100%">
<option ng-repeat="system in systems[selectedSystem]" value="state">{{system}}</option>
</select>
</div>
здесь ссылка plunker http://plnkr.co/edit/nNsM4VMVeHXS2hDIsAAd?p=preview
Поскольку вы привязываете выпадающее меню с ng-model
вы можете просто получить доступ к этому значению в своем контроллере.
Это даст вам первое выпадающее выбранное значение
$scope.selectedSystem //same in view {{selectedSystem}}
Это для второго
$scope.selectedState //same in view {{selectedState}}
DEMO выберите значение и проверьте.
Обновления
Я обновил эту следующую строку, где у вас было hardcoded value="state"
чтобы я изменил ее на value="{{state}}"
:
<option ng-repeat="state in result[selectedArea]" value="{{state}}">{{state}}</option>
См. Обновленный DEMO
value="state"
на value="{{state}}"
или на ng-value="state"
Вы можете получить ответ по этой ссылке http://forum.ionicframework.com/t/get-selected-value-from-a-select/20241
Я немного смущен тем, как ответить на вопрос. Значение выпадающих элементов в контроллере будет привязано к переменным:
$scope.selectedArea
и $scope.selectedState
зависимости от того, какие значения выбраны в представлении. Однако атрибут value, который вы устанавливаете, переопределяет его.
Я обновил ваш plunkr здесь: http://plnkr.co/edit/F2KqqtWKvPndv7y6un1F?p=preview
Я также продемонстрировал установку начальных значений в выпадающих меню, которые удалят эту досадную "пустую" опцию.