Angular js select 2 change ajax url

Question

I am using Angularjs + select 2. I have to dynamically change the Ajax URL to get the auto complete values based on the filter

Example :

I have 3 different API URL,

Movie, 
Song,
Image

If the user option is movie then request should go to the movie REST API.

I have followed this URL : select2 change ajax url

and did the below in Angular js

$scope.getbaseURL = function () {
    $scope.baseurl = GENERAL_CONFIG.WebApi_Base_URL[$scope.type];
    return $scope.baseurl;
}

$scope.multi = {
    minimumInputLength: 5,
    ajax: {
        headers: {
            'Content-Type': 'application/json'
        },
        url: $scope.getbaseURL() + "Lookup?lookup=Lookupvalue",
        data: function (term, page) {
            return {
                key: term
            }; // query params go here
        },
        results: function (data, page) {
            return {
                results: data.LookupValue
            };
        }
    },
    dropdownCssClass: "bigdrop"
}

Where my $scope.type is a dropdown with

image , 
Movie 
Song

But it is not changing the BASE URL dynamically or based on the type selection.

GENERAL_CONFIG.WebApi_Base_URL[$scope.type] is a collection of the REST URL from the config file

Can any one help me, Thanks

dfsq · Accepted Answer · 2015-02-20 06:44:40Z

2

The configuration parameter for url should be a function if you want it to be dynamic. Try this:

$scope.getbaseURL = function () {
    $scope.baseurl = GENERAL_CONFIG.WebApi_Base_URL[$scope.type];
    return $scope.baseurl + "Lookup?lookup=Lookupvalue";
}

$scope.multi = {
    minimumInputLength: 5,
    ajax: {
        headers: {
            'Content-Type': 'application/json'
        },
        url: $scope.getbaseURL,
        data: function (term, page) {
            return {
                key: term
            };
        },
        results: function (data, page) {
            return {
                results: data.LookupValue
            };
        }
    },
    dropdownCssClass: "bigdrop"
}

answered Feb 20, 2015 at 6:44

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular js select 2 change ajax url

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related