ember.js - 是否可以使用脚本标签加载 Handlebars 模板？或者在 Ember.js 中以编程方式定义 Handlebars 模板

Question

很简单，我不想在 html 文件中定义所有 Handlebars 模板

我试过了

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

但这并没有奏效。我是否可以不以编程方式定义模板，甚至只是加载 Handlebars 文件，以便我可以重用，而且我觉得这使事情更易于维护。

我尝试使用 ajax 加载它们并将它们附加到头部，这工作正常，我可以在那里看到它，但 ember.js 在 ember 已经加载并且模板未定义后不会读取它。

Answer 1

Or define handlebar templates programatically in Ember.js

您可以使用 Ember.Handlebars.compile 以编程方式定义模板，请参阅 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/ :

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

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

<小时/>

我建议使用理查德·米兰所说的一些工具。另请查看interline/ember-skeleton它提供了对模板编译的支持。