我试图实现Typeahead.JS
“Custom Template” example。
- $('#custom-templates .typeahead').typeahead(null,{
- name: 'best-pictures',displayKey: 'value',source: bestPictures.ttAdapter(),templates: {
- empty: [
- '<div class="empty-message">','unable to find any Best Picture winners that match the current query','</div>'
- ].join('\n'),suggestion: Handlebars.compile('<p><strong>{{value}}</strong> – {{year}}</p>')
- }
- });
具体如下：
- suggestion: Handlebars.compile('<p><strong>{{value}}</strong> – {{year}}</p>')
最初我没有意识到你需要明确地要求Handlebars作为依赖：
- Uncaught ReferenceError: Handlebars is not defined
当我删除Handlebars …
- suggestion: '<p><strong>' + value + '</strong> – ' + year + '</p>'
它给出另一个JS错误：
- Uncaught ReferenceError: value is not defined
是否可以使用自定义视图模板，而不使用Handlebars引擎？
解决方法
使用此格式：
- suggestion: function(data) {
- return '<p><strong>' + data.value + '</strong> – ' + data.year + '</p>';
- }
取自this thread。
