Question

我无法使用 Angular 和 ng-model 在select2选择框中预选一个选项。这是我的代码：

控制器中的角色代码

$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为id选择标记并使用javascript获取元素，然后为其指定值。

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

1 个答案: