Select2 not firing ajax request in controller angularjs ionic project

I am creating an ionic mobile app and i want to get the results to my select2 options from my rails app. I am getting a list of agencies. My data is over 1000 and i dont want to load all at once, rather i want when the user types e.g "lin", all the agencies that have "lin" will be loaded and added to my select2 result. But it doesnt seem to be firing the ajax request to my rails app.

my rails app real_estate_agencies_controller.rb

def real_estate_agency_list
    @list_real_estate_agency = RealEstateAgency.filter_real_estate_agency_result(params[:filter])
    render json: { list_real_estate_agency: @list_real_estate_agency }
  end

Angular app

list.html

<input type ="" class="bigdrop" name="org" ng-model="user.org" ui-select2="multi" style="width: 170px;" tabindex="-1" title="">

controller.js

$scope.multi = { 
    placeholder: "e.g. Linkage Limited ",
    minimumInputLength: 1,
    ajax: {
      url: "http://10.0.3.2:3000/real_estate_agencies/real_estate_agency_list?callback=JSON_CALLBACK",
      method: 'GET',
      dataType: 'json',
      quietMillis: 250,
      data: function (term, page) {
        return {
          filter: term, 
        };
      },

      results: function (data, page) { 
        return { results: data.list_real_estate_agency };
        console.log(data.list_real_estate_agency)
      },
      cache: true
    },
    formatResult: repoFormatResult, 
    formatSelection: repoFormatSelection,  
    dropdownCssClass: "bigdrop", 
    escapeMarkup: function (m) { return m; } 
  };

  function repoFormatResult(repo) {
    var markup = '<option>' + repo.name + '</option>';

    return markup;
  }

  function repoFormatSelection(repo) {
    return repo.case_code;
  }
  $scope.$on('real_estate_agency_id', function() {

  });

Why it cant fire the url to get the desired results from my rails app i have no idea because i thought I had called it correctly.

Any help appreciated.