📅 最后修改于: 2023-12-03 14:55:41.734000 🧑 作者: Mango
在 AngularJS 中，可以使用 ng-options 指令来创建下拉列表，并且可以通过控制器中的变量来设置选定的值。以下是一个示例代码，展示了如何在 AngularJS 中设置下拉列表的选定值。
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
</head>
<body>
<div ng-controller="myController">
<select ng-model="selectedItem" ng-options="item for item in items"></select>
<br>
<button ng-click="setSelectedValue()">设置选定的值</button>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
$scope.items = ['选项1', '选项2', '选项3'];
$scope.selectedItem = '选项2';
$scope.setSelectedValue = function() {
$scope.selectedItem = '选项3';
}
});
</script>
</body>
</html>
在上述代码中，ng-model 指令用于绑定下拉列表的选定值到控制器中的变量 $scope.selectedItem。ng-options 指令用于生成下拉列表的选项，其中 item 表示下拉列表中的每个选项，items 是一个数组，存储了所有选项的值。
通过设置 $scope.selectedItem 的值，可以在控制器中动态更改选定的值。在示例中，初始化时，$scope.selectedItem 被设置为 '选项2'，当点击按钮时，$scope.selectedItem 的值被修改为 '选项3'。
这样，当页面加载时，下拉列表会将选中项设置为 '选项2'，点击按钮后，会将选中项更改为 '选项3'。
注意：在上述示例中，我们加载了 AngularJS 库并将其应用于整个页面，确保在使用 AngularJS 相关操作之前正确导入库。