ngOptions尝试将资源响应用作所选项目时的行为异常

Question

我试图解决一个多小时的问题，却没有在网上找到任何东西。 这是模板：

        <select
          ng-model="user.platform_id"
          ng-options="platform.id as platform.title for platform in platforms"
          id="platform_id" class="form-control">
        </select>

这是控制器：

$scope.platforms = platformsEntity.query();
// Resource object coming from UI Router resolve, already fetched with user info
$scope.user = userEntity; 

平台资源响应返回以下格式：

[ { id: 4, title: 'platform1'}, { id: 5, title: 'platform2' ]

用户相同，资源对象与平台ID

{ id: 3, name: 'foo', platform_id: 5 }

这样，我可以在选择框中看到所有平台，但是没有被ngModel值（user.platform_id）选中。问题是，当我使用普通对象而不是资源时：

$scope.platforms = platformsEntity.query();
$scope.user = { platform_id: 5 } ; 

正在正确选择它...

更新

我复制了我在ng-repeat中寻找的行为：

<select ng-model="user.platform_id" id="platform_id" class="form-control">
    <option 
        value="{{ platform.id }}" 
        ng-selected="user.platform_id == platform.id" 
        ng-repeat="platform in platforms"
    >{{ platform.title }}</option>
</select>

Answer 1

这与使用资源无关，而是以编程方式选择ng-options的问题在于ng-model值应引用与ng-options中相同的对象。 为了初始化选择，首先确保已填充platform数组（查询可能是异步的吗？），然后遍历它们，并将所选平台的id对象设置为用户的platform_id对象。

Answer 2

尝试这样的事情。 告诉angular您要track value的内容。

<select
      ng-model="user.platform_id"
      ng-options="platform.title for platform in platforms track by platform.id"
      id="platform_id" class="form-control">
</select>