如何使用ng-options使select框默认选中数据库返回的指定procid选项？

你遇到的核心问题是ng-model绑定对象错误，加上没有在控制器中正确赋值目标ID，咱们一步步来修正：

1. 修正视图中的ng-model绑定 #

你当前的ng-model用的是p.procid，但p是ng-options循环里的临时变量，这会导致Angular无法正确追踪选中状态。需要把ng-model绑定到控制器中一个单独的变量，比如selectedProcId：

<select class="form-control samlength modalinput" 
        ng-options="p.procid as p.procname for p in processes track by p.procid" 
        ng-model="selectedProcId">
  <option value="">-- choose an option --</option>
</select>

2. 在控制器中赋值目标procid #

假设你已经从数据库获取到了目标procid（比如3），直接在控制器中将这个值赋值给$scope.selectedProcId即可：

// 示例控制器代码
app.controller('YourController', function($scope, YourDataService) {
  // 从数据库获取processes列表
  YourDataService.getProcesses().then(function(response) {
    $scope.processes = response.data;
    
    // 将从数据库拿到的目标procid赋值给绑定变量
    $scope.selectedProcId = 3; // 重点：类型要和p.procid完全一致（比如都是数字，别用字符串"3"）
  });
});

3. 关键注意事项 #

• 类型匹配：必须保证selectedProcId的类型和p.procid完全一致（比如都是数字3，而非字符串"3"），类型不匹配会导致Angular识别不到选中项。
• 放弃依赖ng-init：ng-init仅适合简单初始化，对于异步获取的数据库数据，在控制器中赋值是更可靠的方式——ng-init可能在数据加载完成前就执行，自然无法生效。
• track by的正确性：你使用的track by p.procid是合理的，它能帮助Angular更高效地追踪选项，避免重复渲染问题。

验证示例 #

假设你的processes数据如下：

$scope.processes = [
  { procid: 1, procname: "MyProcess", time: "2018-05-30 13:34:54.097" },
  { procid: 3, procname: "Testing", time: "2018-05-31 18:31:32.467" }
];

当你设置$scope.selectedProcId = 3后，select框会自动选中procname为"Testing"的选项。

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