如何使用typeahead通配符

ibs*_*Ldn 4 twitter typeahead twitter-bootstrap bloodhound

我是第一次尝试使用typeahead.我想根据用户输入更新url参数.外卡未被转换,值"QUERY"正被发送到远程服务器.

任何帮助将是欣赏:)

 myTypeahead = $('.typeahead').typeahead(
  {
    hint: true,
    highlight: true,
    minLength: 1
  },
  {
    name: 'addresses',
    source: addressResults = new Bloodhound({
      datumTokenizer: Bloodhound.tokenizers.whitespace,
      queryTokenizer: Bloodhound.tokenizers.whitespace,
      remote: {
              url:'https://urlpath/Search?query=%QUERY&country=GBR',            
              wildcard: '%QUERY',
              filter: function (data) {      
                  // Map the remote source JSON array to a JavaScript object array
                  return $.map(data.results, function(results,index) {  
                      return results.suggestion;
                  });
              },
              prepare: function (query, settings) {
                    settings.headers = {
                        'Auth-Token' : '1212'
                    };
                    return settings;
              }
       }
    })
  }
  ).on('keyup');
Run Code Online (Sandbox Code Playgroud)

whi*_*cer 7

使用时prepare,需要手动处理通配符值.请参阅远程文档

例如:

 prepare: function(query, settings) {
    settings.url += '?q=' + query;
    return settings;
  },
Run Code Online (Sandbox Code Playgroud)

这是相关的小提琴.