ng-selected无效，但将选项修改为selected="selected"，使用ng-repeat

ng-selected 是 AngularJS 中的一个指令，用于设置 <select> 元素中的 <option> 为选中状态。如果你发现 ng-selected 无效，而直接使用 selected="selected" 可以生效，这通常是由于 AngularJS 的数据绑定没有正确更新视图导致的。

基础概念

ng-selected 是一个 AngularJS 指令，它用于在 <option> 元素上设置 selected 属性。当指定的表达式为真时，该选项会被选中。

可能的原因

1. 数据绑定问题：AngularJS 的双向数据绑定可能没有正确地反映模型中的变化。
2. 初始化顺序：如果 ng-selected 绑定的值在初始化时还没有被设置，可能会导致选项没有被正确选中。
3. 作用域问题：如果 ng-selected 使用的表达式依赖于某个作用域变量，而这个变量没有正确地在作用域中定义或更新，也会导致 ng-selected 无效。

解决方法

1. 确保数据绑定正确：检查你的控制器中是否有正确的逻辑来更新绑定的模型。
2. 使用 $timeout 强制更新视图：有时候，使用 $timeout 可以确保 AngularJS 的 digest 循环被触发，从而更新视图。
3. 使用 ng-model 和 ng-options：通常推荐使用 ng-model 和 ng-options 来处理 <select> 元素的选中状态。

示例代码

假设我们有一个简单的 <select> 元素，我们想要根据模型中的值来设置默认选中的选项。

<div ng-app="myApp" ng-controller="myCtrl">
  <select ng-model="selectedItem" ng-options="item for item in items"></select>
</div>

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $timeout) {
  $scope.items = ['Item 1', 'Item 2', 'Item 3'];
  
  // 假设我们想要默认选中 'Item 2'
  $scope.selectedItem = 'Item 2';
  
  // 如果需要，可以使用 $timeout 来确保视图更新
  $timeout(function() {
    $scope.selectedItem = 'Item 2';
  }, 0);
});

在这个例子中，我们使用了 ng-model 来绑定选中的项，以及 ng-options 来生成选项列表。这样，当 selectedItem 的值改变时，视图会自动更新以反映新的选中状态。

应用场景

• 表单控件：在需要用户选择的表单中使用。
• 动态数据绑定：当选项列表和选中项都是动态生成的时候。

优势

• 简化代码：使用 AngularJS 的指令可以减少手动操作 DOM 的需求。
• 数据绑定：自动同步模型和视图的状态，减少出错的可能性。

如果你在使用 ng-repeat 来生成 <option> 元素，确保 ng-selected 的表达式正确地反映了你想要选中的项。如果问题依旧存在，可能需要进一步检查控制器中的逻辑或者使用调试工具来定位问题。