2017-01-16 12 views
1

入力フィールドに選択した先読み候補を表示する際に問題があります。私は明らかに何かを見落としているが、それを理解できないことを知っている。私のコードは以下のコードを含みます。私は提案を返すようにこれを変更しましたが、その後私のハンドバールがコンパイルされているので、[Object object]が入力欄に表示されます。フィールドに選択された先読みを表示するためのヘルプ?ハンドルバーを使用して先行提案を表示しますか?

$("#q").typeahead({ 
    highlight: false, 
    minLength:1 
}, 
{ 
    display: function(suggestion) { return null }, 
    // limit:10, 
    source: search, 
    templates: { 
     suggestion: Handlebars.compile(
      "<div>"+ 
      "{{tool_class}}, {{tool_class_2}}, {{tool_class_3}}" + 
      "</div>" 
     ) 
    } 
}); 

// Query tools db for matching ools selected in drop-down within set boundaries 
$("#q").on("typeahead:selected", function(eventObject, suggestion, name) { 
    var myLatLng; 
    var parameters = { 
     q: $("#q").val() 
    }; 

答えて

1

更新:私はそれを理解しました。 displayの戻り値を、作成したカスタムハンドルバーテンプレートの要素の1つに更新しました。私はもともとテンプレート全体を返そうとしていましたが、私は誰かがそれを知っていればやっていますか?

私の新しいコード:

$("#q").typeahead({ 
    highlight: false, 
    minLength:1 
}, 
{ 
    display: function(suggestion) { **return suggestion.tool_class_3** }, 
    // limit:10, 
    source: search, 
    templates: { 
     suggestion: Handlebars.compile(
      "<div>"+ 
      "{{tool_class}}, {{tool_class_2}}, {{tool_class_3}}" + 
      "</div>" 
     ) 
    } 
}); 
関連する問題