ember.js - 在 Ember.js 中使用单独的模板文件

Question

MVC 框架始终允许将 View 存储为单独的文件并进行检索。这应该如何在 Ember.js 中完成？我一直在寻找几个小时，所以如果你想把它作为某种重复的东西投票，请至少链接到一个问题或资源，提供一个明确的、直接的答案。

例如，Ember 自动创建一个索引 Controller ，并自动渲染 index模板，如果您指明 {{outlet}}只要网址是 / ，所以除了 window.App = Ember.Application.create(); 之外我不需要任何代码在我的 app.js 中用于此功能。如何创建一个单独的文件，例如 index.handlebars 并让 Ember 找到并渲染它？

Answer 1

您可以使用 JQuery.ajax加载文本文件，然后 Ember.Handlebars.compile从中创建一个模板:

$.ajax({
   url: 'http://example.com/path/to/your/file',
   dataType: 'text',
   success: function (resp) {
       MyApp.MyView = Ember.View.extend({
           template: Ember.Handlebars.compile(resp),
       });
   }
});