在AngularJS 1.x中,可以通过ng-model指令来绑定下拉选择框的选项。当用户选择一个选项时,该选项的值将被存储在ng-model绑定的变量中。
例如,假设我们有以下HTML代码:
```
You selected: {{selectedItem.name}}
```
在这个例子中,我们使用ng-model指令将下拉选择框的选项绑定到selectedItem变量上。当用户选择一个选项时,该选项的值将被存储在selectedItem变量中。
我们可以在控制器中访问selectedItem变量,并获取所选选项的对象。例如:
```
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.items = [
{name: 'Option 1', value: 'option1'},
{name: 'Option 2', value: 'option2'},
{name: 'Option 3', value: 'option3'}
];
$scope.getSelectedObject = function() {
return $scope.selectedItem;
};
});
```
在这个例子中,我们定义了一个名为getSelectedObject的函数,该函数返回selectedItem变量。这样,我们就可以在控制器中获取所选选项的对象,并对其进行操作。