select 如何使用 ng-selected select2 ui.select 中 angularjs 的 selected 值
how select the selected value in select2 ui.select in angularjs with ng-selected
我在 angular js 中使用了 ui.select 我已经成功插入了 selected 多个选项但是现在当我在更新时我将如何 select selected ui.select 中的值我使用过 ng-selected 但它不起作用。
<ui-select multiple ng-model="items.itemOptions" theme="bootstrap"
sortable="true" close-on-select="false">
<ui-select-match placeholder="Select Modules...">{{$item.module_desc}}</ui-select-match>
<ui-select-choices repeat="itemOptions in itemOption">
<div ng-bind-html="itemOption.id | highlight: $select.search" ng-selected="selectSource(itemOption.id)"></div>
<small>
{{itemOption.name}}
</small>
</ui-select-choices>
还有我在控制器中的 selet 函数
$scope.selectSource = function(id)
{
console.log('id'+id);
var arr = $scope.selectedOptions;
if (arr) {
angular.forEach(arr, function (value, key) {
console.log('sel-id'+value.id);
if (id == value.module_id)
console.log('sel-opt-id'+value.id);
return 'selected';
});
}
}
selectedOptions 数组 =
[{id: "1"}, {id: "2"}]
我的问题是如何使用 angular js select2 指令在 ui.selct 中显示 selected 选项。
即使我遇到过类似的问题,我也想编辑 selected 的多个选项。
解决方案是当您使用多个选项处理 ui-select 时,ng-model 应该始终以.selected
相应地更改第一行:
<ui-select multiple ng-model="items.itemOptions.selected" theme="bootstrap"
sortable="true" close-on-select="false">
查看它的 wiki:https://github.com/angular-ui/ui-select/wiki/ui-select
我在 angular js 中使用了 ui.select 我已经成功插入了 selected 多个选项但是现在当我在更新时我将如何 select selected ui.select 中的值我使用过 ng-selected 但它不起作用。
<ui-select multiple ng-model="items.itemOptions" theme="bootstrap"
sortable="true" close-on-select="false">
<ui-select-match placeholder="Select Modules...">{{$item.module_desc}}</ui-select-match>
<ui-select-choices repeat="itemOptions in itemOption">
<div ng-bind-html="itemOption.id | highlight: $select.search" ng-selected="selectSource(itemOption.id)"></div>
<small>
{{itemOption.name}}
</small>
</ui-select-choices>
还有我在控制器中的 selet 函数
$scope.selectSource = function(id)
{
console.log('id'+id);
var arr = $scope.selectedOptions;
if (arr) {
angular.forEach(arr, function (value, key) {
console.log('sel-id'+value.id);
if (id == value.module_id)
console.log('sel-opt-id'+value.id);
return 'selected';
});
}
}
selectedOptions 数组 =
[{id: "1"}, {id: "2"}]
我的问题是如何使用 angular js select2 指令在 ui.selct 中显示 selected 选项。
即使我遇到过类似的问题,我也想编辑 selected 的多个选项。
解决方案是当您使用多个选项处理 ui-select 时,ng-model 应该始终以.selected
相应地更改第一行:
<ui-select multiple ng-model="items.itemOptions.selected" theme="bootstrap"
sortable="true" close-on-select="false">
查看它的 wiki:https://github.com/angular-ui/ui-select/wiki/ui-select