在AngularJS中,可以使用ng-options指令来创建一个下拉菜单,并设置默认值。以下是一个示例代码:
HTML代码:
AngularJS代码:
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.items = ['Option 1', 'Option 2', 'Option 3'];
$scope.selectedItem = '';
});
在上面的示例中,ng-model指令绑定了选择的项,ng-options指令用于循环遍历items数组,并将每个项显示在下拉菜单中。通过设置,我们可以在下拉菜单的开头添加一个默认选项。
在AngularJS中,默认情况下,ng-model会尝试将其绑定的值与下拉菜单中的选项进行匹配。如果匹配成功,该选项将被选中。如果没有匹配,ng-model将保持其原有的值。在上面的示例中,我们将selectedItem的初始值设置为空字符串,这样默认选项就会被选中。
如果您希望在加载页面时设置默认选项,可以在控制器中初始化selectedItem的值,如上面的示例所示。
希望这可以帮助到您!