AngularJS下拉选择框默认值设置问题求助

看起来你在处理表单新建/编辑场景时，select 元素的默认值总是无法正确选中，我来帮你排查并解决这个问题。

核心问题分析 #

你的代码里有两个常见的坑：

1. 使用 ng-repeat 渲染 <option> 时，容易出现数据类型不匹配（比如 option.ID 是数字，但通过 value="{{option.ID}}" 渲染后会变成字符串，而 data.ID 可能是数字，导致两者无法匹配）；
2. 直接赋值 $scope.data = $scope.selectedItem 是引用赋值，后续修改表单数据会直接影响原选中的行数据，同时也可能导致 AngularJS 无法正确追踪数据变化。

最优解决方案：改用 ng-options #

AngularJS 官方更推荐用 ng-options 来生成下拉选项，它能自动处理类型匹配，还能避免很多手动渲染的问题。

修改后的控制器代码

function MyController($scope){
  $scope.data = {};
  $scope.selectedItem = null; // 从表格选中的行
  // 假设这是你的类型选项数据，根据实际业务调整
  $scope.types = [
    { ID: 1, name: "类型1" },
    { ID: 2, name: "类型2" },
    { ID: 3, name: "类型3" }
  ];

  this.edit = function(){
    $scope.enableEditation = true; // 显示编辑表单
    // 用 angular.copy 深拷贝，避免引用污染原数据
    $scope.data = angular.copy($scope.selectedItem);
  }
}

修改后的 HTML 代码

<select required ng-model="data.ID" class="form-control"
        ng-options="option.ID as option.name for option in types">
  <!-- 可选的空提示选项，新建时默认显示 -->
  <option value="">请选择类型</option>
</select>

如果坚持用 ng-repeat 的修复方案 #

如果你因为某些原因必须保留 ng-repeat，需要解决类型匹配和选中判断的问题：

<select required ng-model="data.ID" class="form-control">
  <option 
    ng-repeat="option in types" 
    value="{{option.ID}}" 
    <!-- 直接用表达式判断，不要用插值，同时确保类型一致 -->
    ng-selected="option.ID === data.ID">
    {{option.name}}
  </option>
</select>

⚠️ 注意：必须保证 data.ID 和 option.ID 的类型完全一致（要么都是数字，要么都是字符串），否则即使逻辑正确也无法选中。

额外注意事项 #

1. 编辑时一定要用 angular.copy 深拷贝选中的数据，否则表单修改会直接同步到表格的选中行；
2. 新建条目时，如果需要默认选中某个选项，只需初始化 $scope.data.ID 为对应选项的 ID 即可，比如 $scope.data.ID = 2;。

内容的提问来源于stack exchange，提问作者bluray