要解决AngularJS在页面加载时无法显示下拉列表中选择的选项,包括opt-group的问题,可以使用ng-selected指令来标记默认选中的选项。
以下是一个示例代码:
HTML代码:
JavaScript代码:
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.options = [
{ label: 'Option 1', value: 'option1' },
{ label: 'Option 2', value: 'option2' },
{ label: 'Option 3', value: 'option3' }
];
$scope.selectedOption = 'option2'; // 默认选中Option 2
});
在这个示例中,使用ng-selected指令将选项的值与$scope中的selectedOption进行比较,如果相等,则该选项将被标记为默认选中。
请确保在HTML代码中使用ng-app和ng-controller指令来引用AngularJS应用和控制器。
这样,当页面加载时,下拉列表中的选项会根据$scope中的selectedOption的值进行默认选中,包括opt-group。