Javascript 带有angular-ui-select2 0.0.5的预选选项
使用Angular和ng模型在select2选择框中预选选项时遇到问题。这是我的密码: 控制器中的角度代码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"> <
$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
},
]
}