Question

Iam尝试使用ng-options生成多个select元素，并希望预先选择一些项目。我从数据库中获取预选项作为对象数组。这是我的HTML标记来构建可选择的：

<select ng-model="currentAppointment.services" ng-options="value.id as value.name group by value.group for value in servicegroups"></select>

currentAppointment.services变量保存当前选定的对象。在服务组中，它们都是可选项，我从REST服务获得。服务组的JSON如下所示：

[
  {
    "id": 0,
    "name": "Test1"
    "price": 20.0
  },
  {
    "id": 1,
    "name": "Test2"
  }
]

当前的约会JSON：

{
  "_id": "1001",
  "title" : "test",
  "services": [
    {
      "id": 0,
      "name": "Test1"
      "price": 20.0
    }
  ]
}

正确创建了select元素。但是没有预先选择id为0的服务对象。我可以想象问题是，角度比较普通对象与angularjs资源对象，因此对象不相等。相反，应该通过id比较对象。但是，如果不编写自己的指令，我怎样才能实现这一目标呢？

Answer 1

如果要通过为对象分配预填充下拉列表，则需要从理解表达式中删除value.id。

<select ng-model="currentAppointment.services" ng-options="value.name group by value.group for value in servicegroups"></select>

然后做

$scope.currentAppointment.services = $scope.servicegroups[0];