Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有angular-ui-select2 0.0.5的预选选项_Javascript_Angularjs_Angular Ui_Ui Select2 - Fatal编程技术网

Javascript 带有angular-ui-select2 0.0.5的预选选项

Javascript 带有angular-ui-select2 0.0.5的预选选项,javascript,angularjs,angular-ui,ui-select2,Javascript,Angularjs,Angular Ui,Ui Select2,使用Angular和ng模型在select2选择框中预选选项时遇到问题。这是我的密码: 控制器中的角度代码 $scope.filter = { searchValue: '', departmentId: 'Department2' } HTML <select class="form-control" ui-select2="{allowClear: true}" ng-model="filter.departmentId"> <

使用Angularng模型在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>
据我所知,angular-ui-select2的0.0.2版中可以使用此功能,但不高于该版本。我找不到任何关于如何做这件事的信息


提前谢谢

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

这可能是因为您在那里输入的拼写错误吗**我希望:)但不是,只是在我将代码粘贴到stackoverflow时出现了一个输入错误。不过接得好,谢谢!
{
  "Department1": [
   {
      "Name": "Major1",
      "Id": 1
   },
   {
      "Name": "Major2",
       "Id": 2
   },
   {
      "Name": "Major3",
      "Id": 3
   }
  ],
  "Department2": [
   {
      "Name": "Major4",
      "Id": 4
   },
   {
      "Name": "Major5",
      "Id": 5
   },
  ]
}