How to pass parameter in select2 ajax angularjs?

Question

My Html code is <div class="control-group" ng-repeat="ty in transType"> <label class="control-label">{{ty.description}}</label> <div class="controls"> <input type="hidden" ui-select2="transTypeConfig" class="input-xlarge" transTypeId="{{ty.id}}" /> </div> </div>

Javascript code is

$scope.transTypeConfig = {
                    ajax : {
                        url : _context + '/v2/admin/transitionValue/1',
                        data : function(term, page) {
                            console.log('this',$(this));
                            return {
                                q : term
                            };
                        },
                        results : function(data, page) {
                            return {
                                results : data.transValues
                            };
                        }
                    }
                };

how to get and pass transtypeid in url. Thanks in advance

ProLoser · Accepted Answer · 2013-05-03 23:13:12Z

1

I use a function that builds and returns the options object for me:

<li ng-repeat=item in items>
  <input ui-select2=itemConfig(item)>
</li>
...
$scope.itemConfig = function(item) {
  var options = {
    ajax: {
      url: '/some/item/url/',
      data: ...,
      results: ...,
    }
  };
  options.ajax.url += item.id;

  return options;
}

answered May 3, 2013 at 23:13

ProLoser

4,6152 gold badges18 silver badges23 bronze badges

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

Comments

Kresimir Pendic · Accepted Answer · 2014-04-29 11:37:04Z

0

In select2 ajax call just use selector attr like this:

ajax: {
    url: "/my/custom/url/" + $(this).attr('transTypeId'),
    dataType: 'json',
    quietMillis: 750, ...
},

answered Apr 29, 2014 at 11:37

Kresimir Pendic

3,6471 gold badge24 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to pass parameter in select2 ajax angularjs?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related