Javascript 角度UI选择2动态更改选项中的标记属性
Angular ui select2标记的官方示例如下:Javascript 角度UI选择2动态更改选项中的标记属性,javascript,angularjs,jquery-select2,angular-ui,Javascript,Angularjs,Jquery Select2,Angular Ui,Angular ui select2标记的官方示例如下: myAppModule.controller('MyController', function($scope) { $scope.list_of_string = ['tag1', 'tag2'] $scope.select2Options = { 'multiple': true, 'simple_tags': true, 'tags': ['tag1', 'tag2',
myAppModule.controller('MyController', function($scope) {
$scope.list_of_string = ['tag1', 'tag2']
$scope.select2Options = {
'multiple': true,
'simple_tags': true,
'tags': ['tag1', 'tag2', 'tag3', 'tag4'] // Can be empty list.
};
});
我有一段代码:
$scope.select2Options = {
'multiple': true,
'simple_tags': true,
'tags': $scope.categoryNames
};
$scope.$watch(function () { return adminCrudService.getCategoriesForUpdate(); }, function () {
$scope.action = "edit";
$scope.categoriesForUpdate = adminCrudService.getCategoriesForUpdate();
if ($scope.categoriesForUpdate.length > null) {
$scope.categoryNames = [];
_.forEach($scope.categoriesForUpdate, function (item) {
$scope.categoryNames.push(item._backingStore.Name);
});
}
});
但这根本不起作用,当我单击Selcet2时,我没有找到匹配项,我在$watch中记录了$scope.categoryNames,数据就在那里(因此该部分工作正常)
所以我的问题是标签可以动态加载吗?如果可以,如何加载 好吧,我无法让它工作,所以我决定使用Selected来代替,遵循这个伟大的教程:我很快就得到了我想要的结果 好吧,我无法让它工作,所以我决定使用Selected来代替,遵循这个伟大的教程:我很快就得到了我想要的结果 我最近在使用AngularUI Select2项目时遇到了这个问题,并通过将tags参数设置为返回模型的函数来解决它。例如:
$scope.select2Options = {
multiple: true,
simple_tags: true,
tags: function () {
return $scope.categoryNames;
}
};
对$scope.categoryNames
的任何更新都会反映在视图中,因为Select2在打开时和每次按键时都会调用标记
功能
希望这对希望使用Select2而不是selected的人有用。我最近在使用AngularUI Select2项目时遇到了这个问题,并通过将tags参数设置为返回模型的函数来解决它。例如:
$scope.select2Options = {
multiple: true,
simple_tags: true,
tags: function () {
return $scope.categoryNames;
}
};
对$scope.categoryNames
的任何更新都会反映在视图中,因为Select2在打开时和每次按键时都会调用标记
功能
希望这对希望使用Select2而不是selected的人有用