问题描述
我使用。它可以附加一个外部文件作为模板
I use Underscore template. It is possible to attach a external file as template?
在主干查看我有:
textTemplate: _.template( $('#practice-text-template').html() ),
initialize: function(){
this.words = new WordList;
this.index = 0;
this.render();
},
在我的HTML是:
<script id="practice-text-template" type="text/template">
<h3>something code</h3>
</script>
它运作良好。但我需要外部模板即可。
我尝试:
It works well. But I need external template.I try:
<script id="practice-text-template" type="text/template" src="templates/tmp.js">
或
textTemplate: _.template( $('#practice-text-template').load('templates/tmp.js') ),
或
$('#practice-text-template').load('templates/tmp.js', function(data){ this.textTemplate = _.template( data ) })
但它没有工作。
非常感谢您的帮助。
汤姆
Thanks a lot for Your help.Tom
推荐答案
编辑:这个答案是陈旧过时。我想删除它,但它是接受的答案。我会代替注入我的意见。
我不提倡再这样做。相反,我会单独所有模板成单独的HTML文件。有些人会建议加载这些异步(Require.js或某种形式的模板缓存)。行之有效的小项目,但是,有很多的模板大项目,你会发现自己做一吨在页面加载小异步请求,我真的不喜欢的。 (呃...好吧,你可以通过pre-编译与r.js最初的依赖,但对于模板,这仍然觉得我错了绕过它与Require.js)
我喜欢用一个咕噜任务(咕噜-的contrib-JST)所有的HTML模板编译成一个单一的templates.js文件,包括。你得到了世界上最好的IMO ...模板住在一个文件中,编译所述模板发生在编译时(而不是运行时),你没有百微小的异步请求页面时启动。
下面的一切都是垃圾
对于我来说,我preFER包括我的模板的JS文件的简单性。所以,我可能会创建一个名为view_template.js文件,其中包括模板作为一个变量:
For me, I prefer the simplicity of including a JS file with my template. So, I might create a file called view_template.js which includes the template as a variable:
app.templates.view = " \
<h3>something code</h3> \
";
然后,它是为包括像一个正常的一个脚本文件,然后在您的视图用它作为简单的:
Then, it is as simple as including the script file like a normal one and then using it in your view:
template: _.template(app.templates.view)
把它更进了一步,我的真正的使用CoffeeScript的,所以我的code其实看起来更像是这一点,避免尾线的转义字符:
Taking it a step further, I actually use coffeescript, so my code actually looks more like this and avoid the end-of-line escape characters:
app.templates.view = '''
<h3>something code</h3>
'''
使用这种方法避免了在require.js它真的是没有必要的盐渍。
Using this approach avoids brining in require.js where it really isn't necessary.
这篇关于在下划线外部模板的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!