是否可以使用脚本标签加载句柄模板？或者在Ember.js中以编程方式定义句柄模板 [英] Is it possible to load handlebar template with script tag? Or define handlebar templates programmatically in Ember.js

问题描述

我不想在我的html文件中定义我的所有手柄模板

Simply enough I do not want to define all my handlebar templates in my html file

我尝试过这个

<script type="text/x-handlebars" data-template-name="nav-bar" src="template.handlebar"></script>

但这没有办法。我不能以编程方式定义我的模板，甚至只是加载句柄文件，以便我可以重用，我也觉得它使事情有点更可维护。

But this did not work. Can I not define templates my template programmatically or even just load handlebar files so that I can reuse and also I feel it makes things a bit more maintainable.

我试过加载他们用ajax并将它们附加到头上，这样工作正常，我可以看到它，但ember.js在ember已经被加载并且没有定义模板之后没有读取。

I tried just loading them with ajax and appending them to the head, this works fine I can see it there but ember.js doesn't read it after ember has already been loaded and the templates are not defined.

推荐答案

或者在Ember.js中以程序方式定义句柄模板

Or define handlebar templates programatically in Ember.js

您可以使用 Ember.Handlebars.compile 以编程方式定义模板，请参阅 http://jsfiddle.net/pangratz666/wxrxT/ ：

You can define templates programmatically by using Ember.Handlebars.compile, see http://jsfiddle.net/pangratz666/wxrxT/:

Ember.View.create({
    personName: 'Dr. Tobias Fünke',
    template: Ember.Handlebars.compile('Hello {{personName}}')
}).append();​

或者您将编译的模板添加到 Ember.TEMPLATES 数组，请参阅 http://jsfiddle.net/pangratz666/58tFP/ ：

Or you add compiled templates to Ember.TEMPLATES array, see http://jsfiddle.net/pangratz666/58tFP/:

Ember.TEMPLATES['myFunkyTemplate'] = Ember.Handlebars.compile('Hello {{personName}}');

Ember.View.create({
    personName: 'Dr. Tobias Fünke',
    templateName: 'myFunkyTemplate'
}).append();​

---

我建议使用一些工具，如理查德·米兰（Richard Millan）表示。另外，请查看 interline / ember-skeleton ，该模块为模板的编译提供支持。

---

I would recommend to use some tools like Richard Millan stated. Also take a look at interline/ember-skeleton which offers support for compilation of templates.

这篇关于是否可以使用脚本标签加载句柄模板？或者在Ember.js中以编程方式定义句柄模板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！