javascript - 使用 angular-ui-select2 0.0.5 预选选项

Question

我在使用 Angular 和 ng-model 在 select2 选择框中预选选项时遇到问题。这是我的代码:

Controller 中的 Angular 代码

$scope.filter = {
  searchValue: '',
  departmentId: 'Department2'
}

HTML

<select 
    class="form-control"
    ui-select2="{allowClear: true}" 
    ng-model="filter.departmentId">
    <option value=""></option>
    <option ng-repeat="(department, majors) in departments" value="{{department}}">{{department}}</option>
</select>

数据

{
  "Department1": [
   {
      "Name": "Major1",
      "Id": 1
   },
   {
      "Name": "Major2",
       "Id": 2
   },
   {
      "Name": "Major3",
      "Id": 3
   }
  ],
  "Department2": [
   {
      "Name": "Major4",
      "Id": 4
   },
   {
      "Name": "Major5",
      "Id": 5
   },
  ]
}

据我所知，这适用于 angular-ui-select2 的 0.0.2 版本，但不能高于该版本。我找不到有关如何执行此操作的任何信息。

提前致谢!

Answer 1

您正在为“$scope.filter.departmentId”分配一个字符串值，其中浏览器渲染后生成的值是内部映射到对象的字符串。所以直接分配在这里不起作用。这里的设计看起来很臭。您可以制作一个单独的字符串数组，也可以给一个 id 来选择标签并使用 javascript 获取元素，然后为其分配一个值。