建议模板在typeahead中不起作用

时间:2017-06-28 08:54:47

标签: javascript jquery html twitter-bootstrap typeahead.js

我正在使用typeahead来填充搜索建议。我可以在控制台中看到该建议,但无法使用html模板填充它。请在我正在使用的下面找到我的源代码。

     $.typeahead({
            input: '.js-typeahead',
            minLength: 0,
            order: "asc",
            hint: true,
            searchOnFocus: true,
            dynamic: true,
            delay: 500,  
            source: {
                ajax:{
                    type: "POST",
                    url: "/my-url/",
                    data: {
                       q1: 'blah',
                       q2: "{{query}}"
                    },
                    success: function (data) {
                        $.map(data['data'], function(venue, index) {
                        // console.log(venue["name"])
                            // console.log(venue)
                            return venue;
                        });
                    }
                },

                error: function(err){
                    console.log('ERROR : ', err);
                }
            },
            display: ["name"],
            template: '<div>' +
                        '   <span class="lname">{{name}}</span>' +
                        "</div>",
            debug: true
        });

但是,它在控制台中运行良好,但无法使用html进行渲染。

帮助将不胜感激!

0 个答案:

没有答案