1

Angular-ui select2 标签的官方示例是：

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，并且数据在那里（因此该部分工作正常）。

所以我的问题是标签可以动态加载，如果可以，如何加载？

4

2 回答 2

9

我最近在使用 AngularUI Select2 项目时遇到了这个问题，并通过使 tags 参数成为返回模型的函数来解决它。例如：

$scope.select2Options = {
  multiple: true,
  simple_tags: true,
  tags: function () {
    return $scope.categoryNames;
  }
};

对 的任何更新$scope.categoryNames都会反映在视图中，因为 Select2tags在打开时和每次按键时都会调用该函数。

希望这对想要使用 Select2 而不是 Chosen 的人有用。

于 2013-11-07T12:05:32.153 回答
0

好吧，我无法让它工作，所以我决定使用 Chosen 来代替，按照这个很棒的教程：链接，我很快就得到了我想要的结果。

于 2013-08-15T21:48:36.757 回答