angularjs - 如何在select2 ajax angularjs中传递参数？

Question

我的 HTML 代码是<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代码是

$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
                            };
                        }
                    }
                };

如何在 url 中获取和传递 transtypeid。提前致谢

Answer 1

我使用一个为我构建并返回选项对象的函数：

<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;
}

Answer 2

在 select2 ajax 调用中，只需像这样使用选择器属性：

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