ember.js - 有什么更好的方法来处理 Ember.js 中的模板，而不是将它们放在 <script> 标签中？

Question

所以我正在构建一个 Ember.js 应用程序。我现在有两个以上的路由器，因此越来越难以证明将所有这些模板放在 index.html 中是合理的。作为<script> Handlebars 。

我似乎无法弄清楚如何在 html 之外使用 Handlebars 模板!另一件事是，如果可能的话，我想避免更多的依赖。所以没有管道、grunt 库或类似的东西。

所以澄清一下:

• 我已经在 index.html 中填充了模板通过<script>标签，我不喜欢。
• 我不想回到 20 年前，然后将 HTML 放入我的 javascript 中。
• AJAXing 静态 View 看起来很荒谬。

Answer 1

在不向堆栈添加任何内容的情况下，除了将它们放入 index.html 或以一种或另一种方式放入代码中，我看不出你还能怎么做。

在向堆栈中添加内容时，您可能应该阅读以下内容:answer由 Yehuda Katz 本人撰写。

您可以像这样用代码编译您的模板:

App.View = Em.View.create({
  template: Em.Handlebars.compile('{{outlet}}');
});

或者如果您正在扩展 View :

App.View = Em.View.extend({
  defaultTemplate: Em.Handlebars.compile('{{outlet}}');
});

或者你可以像这样注册他们

App.register('template', 'ViewName', Ember.Handlebars.compile(template));