AngularJS在页面加载时无法显示下拉列表中选择的选项，包括opt-group。_编程开发

AngularJS在页面加载时无法显示下拉列表中选择的选项，包括opt-group。

创始人

2024-10-27 14:33:35

0次

要解决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。

上一篇：AngularJS在新请求时中止先前的请求

下一篇：AngularJS整数的ng-pattern

AngularJS在页面加载时无法显示下拉列表中选择的选项，包括opt-group。

相关内容

热门资讯