В AngularJS есть несколько способов вернуть значение обратно в <select>
элемент. Вот некоторые из них:
1. Использование директивы ng-model
:
<select ng-model="selectedOption"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>
В контроллере вы можете получить выбранное значение следующим образом:
$scope.selectedOption = null;
2. Использование директивы ng-options
:
<select ng-model="selectedOption" ng-options="option.value as option.label for option in options"> </select>
В контроллере вы можете определить массив options
следующим образом:
$scope.options = [ { value: 1, label: 'Option 1' }, { value: 2, label: 'Option 2' }, { value: 3, label: 'Option 3' } ];
Выбранное значение будет храниться в $scope.selectedOption
.
3. Использование $watch
для отслеживания изменений модели:
<select ng-model="selectedOption" ng-change="updateSelectedOption()"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>
В контроллере вы можете определить метод updateSelectedOption
, который будет вызываться каждый раз, когда выбранное значение будет изменяться:
$scope.selectedOption = null; $scope.updateSelectedOption = function() { // Ваш код обработки выбранного значения };
Независимо от выбранного подхода, вы получите доступ к выбранному значению в контроллере и можете выполнять необходимую вам логику с этим значением.