angularjs选择器使用自定义服务模式在远程提取中分配值

Question

我正在使用angularjs-selector.js（https://github.com/ssotomayor/angular-selector）来实现多选功能 我的案例场景适用于使用此插件的自定义服务模式进行远程提取 参考网址： - http://plnkr.co/edit/YdzF58o9ykYvMwP5Udza?p=preview

angular
    .module('myApp', ['selector'])
    .service('$countries', ['$q','$http', function ($q, $http) {
        function Countries() {}
        Countries.prototype.search = function (search) {

          var def = $q.defer();
          if(search){

            var settings = {
                url: 'http://services.groupkt.com/country/search',
                method: 'GET',
                cache: true,
                params: {
                    text: search
                },
                transformResponse: function (data) {
                    var countries = angular.fromJson(data).RestResponse.result;
                    return countries.map(function (country) {
                        return {
                            name: country.name,
                            code: country.alpha2_code
                        };
                    });
                }
            };
            return $http(settings);

        }
        else{
          def.resolve([])
        }

        return def.promise;
        };
        return new Countries();
    }])
    .controller('ExampleCtrl', ['$scope', '$countries', function ($scope, $countries) {

        $scope.countries = [ "BR" ];
        $scope.remote = function (search) {
            return $countries.search(search);
        };
    }]);

现在，everthing按预期工作，

在我的场景中，我使用带有编辑功能的网格和ngdialog框 编辑时，我想将这些值分配回多选而不发生

但是，有一项功能是将用户输入添加到multiselect，我认为可以重用该功能，并且可以有效地应用于编辑目的。