Angular刷新页面后病房下拉框无法默认选中WARD1问题咨询

我来帮你捋捋这个问题，大概率是数据加载时序或者Angular双向绑定的时机不对导致的，咱们一步步来排查解决：

问题核心分析 #

刷新页面时，医院下拉框的默认值HOSP1是同步设置的，触发ng-change后去异步拉取病房数据，但你尝试用wardCode == 'WARD1'来选中默认病房时，病房的选项列表可能还没加载完成——Angular找不到匹配的选项，自然就显示默认的Please Select Ward了。

具体解决方案 #

1. 数据加载完成后再设置默认病房 #

不要依赖页面初始化时的wardCode赋值，而是等病房数据接口返回后，再手动设置选中值：

// 控制器里的初始化逻辑
$scope.hospitalCode = 'HOSP1'; // 先设置默认医院

// 手动调用获取病房的方法（不要完全依赖ng-change的触发）
function loadWards(hospitalCode) {
  // 这里是你的接口请求逻辑
  wardApi.getWards(hospitalCode).then(function(res) {
    $scope.wards = res.data;
    // 数据加载完成后，再设置默认病房
    $scope.wardCode = 'WARD1';
  });
}

// 初始化时执行一次
loadWards($scope.hospitalCode);

2. 检查下拉框的绑定配置 #

确保病房下拉框的ng-options绑定字段和你设置的wardCode完全匹配（大小写、字段名都不能错）：

<!-- 示例：假设ward对象的code字段是WARD1，name是WARD 1 -->
<select 
  ng-model="wardCode" 
  ng-options="ward.code as ward.name for ward in wards"
>
  <option value="">Please Select Ward</option>
</select>

这里要确认ward.code的取值确实是'WARD1'，和你要设置的wardCode完全一致。

3. 用$timeout强制触发脏检查 #

有时候数据加载完成了，但Angular的脏检查还没触发，导致视图没更新。可以用$timeout包裹赋值逻辑，强制刷新：

wardApi.getWards(hospitalCode).then(function(res) {
  $scope.wards = res.data;
  // 注入$timeout服务后使用
  $timeout(function() {
    $scope.wardCode = 'WARD1';
  });
});

4. 排查是否有代码覆盖wardCode值 #

检查页面初始化的其他逻辑（比如路由钩子、其他指令、全局初始化脚本），有没有不小心把wardCode重置为空值的情况。可以在关键位置加console.log($scope.wardCode)追踪值的变化。

总结 #

核心思路就是确保病房数据完全加载后，再设置选中的wardCode，同时保证绑定字段的一致性，避免时序问题导致的绑定失效。

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