1

我正在开发一个玩具 EmberJS 项目，并且已经到了事情变得非常混乱的地步，所以我正在改进我的文件结构。

我从Discourse 的 EmberJS 应用程序结构中获得灵感，将我的控制器、模型、路由等放在单独的文件/文件夹中，但是在尝试将我的车把模板重新包含到我的项目中时遇到了问题。

我正在做的重新包含我的模板正在改变我的 index.html 从：

<script type="text/x-handlebars" data-template-name="students">
    <h2>Students:</h2>
    <ul>
        <li>{{firstName}} - {{lastName}}<li>
    </ul>
</script>

至：

<script type="text/x-handlebars" data-template-name="students" src="js/SD/templates/students.js.handlebars"></script>

但它不起作用。

如何成功包含我的外部车把模板文件以用于我的 EmberJS 应用程序？

4

1 回答 1

1

您宁愿使用yeoman.io之类的构建工具和相应的工具ember-generator来自动预编译模板，或者直接为Ember.TEMPLATES数组提供模板，例如：

Ember.TEMPLATES['myTemplate'] = Ember.Handlebars.compile('<p>Hello put in here your template</p>');

因此，在您的情况下，将其添加到您的 app.js 文件中：

Ember.TEMPLATES['students'] = Ember.Handlebars.compile('<h2>Students:</h2><ul><li>{{firstName}} - {{lastName}}<li></ul>');

因此，它将可供 ember 渲染。

希望能帮助到你

于 2013-05-31T10:16:18.793 回答