angular-ui select2 initSelection not getting called

Question

I have an angular-ui select2 component on my page. It works fine when the user types something in (it uses ajax to load in the data).

But the initSelection function never gets called. Here's the configuration object I pass into the select2

{
    multiple: true,
    minimumInputLength: 1,
    tokenSeparators: [",", " "],
    createSearchChoice: function (term) {
        return term;
    },
    width: 'resolve',
    ajax: {
        url: '...',
        method: 'GET',
        quietMillis: 100,
        data: function (term, page) {
            ...
        },
        results: function (data, page) {
            ...
        }
    },
    initSelection: function (element, callback) {
        console.log('initSelection');
        return $.ajax({
            url: "...",
            type: "GET",
            data: {
                ...
            },
        }).done(function(data) {
            console.log(data);
            return callback(data);
        });
    }
};

"initSelection" never gets logged to the console. Why isn't initSelection getting called?

Phytobiology

Answer 1

initSelection is only called when there is initial input to be processed (see blue box just above here - the closest place to link to, I'm afraid). I suspect this may be your problem from the way the question is worded.

Kosey

In my case I also set the ng-model to be something, and still the initSelection is not called – Expansionism

Answer 2

I'm able to do selected value as Edit time using InItSelection in Angular Js.

$scope.partInitSelection = function (element, callback) {
        var resultArray = [];
        resultArray.push({ id: "1", text: "hi" });
        $scope.HospitalizationView.HospitalName = resultArray[0];
        callback(resultArray[0]);
    };

Aden