[英]How to reset a Hogan.js template used in typeahead.js
我是Hogan.js和typeahead.js的新手,所以这个问题可能很愚蠢。
$('.example-twitter-oss .typeahead').typeahead({
name: 'twitter-oss',
prefetch: 'repos.json',
template: [
'<p class="type">{{language}}</p>',
'<p class="name">{{name}}</p>',
'<p class="description">{{description}}</p>'
].join(''),
engine: Hogan
});
这就是我用Hogan.js作为模板创建typeahead.js实例的方法。 现在我想更改我的测试数据:'repos.json',模板仍然是相同的。 我想它以某种方式缓存了。 如何重置模板以包含新数据?
我看到hogan有一个compile(); 和render()方法,但我不明白如何使用它。
我使用两者的最新版本。
在当前版本的typeahead.js(0.9.3)中,数据集由其name属性缓存,并且无法破坏缓存 。 所以如果你有:
$('.example-twitter-oss .typeahead').typeahead({
name: 'twitter-oss',
prefetch: 'repos.json',
template: [
'<p class="type">{{language}}</p>',
'<p class="name">{{name}}</p>',
'<p class="description">{{description}}</p>'
engine: Hogan
});
$('.example-something-different .typeahead').typeahead({
name: 'twitter-oss',
prefetch: 'something_different.json'
});
.example-something-different .typeahead
不会使用指定的配置,它使用.example-twitter-oss .typeahead
指定的配置,因为它们使用相同的name
。 这不是直观的,它将在下一个版本v0.10中发生变化。 但就目前而言,您可以通过使用不同的name
解决此问题:
$('.example-twitter-oss .typeahead').typeahead({
name: 'twitter-oss',
prefetch: 'repos.json',
template: [
'<p class="type">{{language}}</p>',
'<p class="name">{{name}}</p>',
'<p class="description">{{description}}</p>'
].join(''),
engine: Hogan
});
$('.example-something-different .typeahead').typeahead({
name: 'something different',
prefetch: 'something_different.json'
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.