在最近的Ember.js Build中的Ember.View中定义应用程序模板

Jos*_*ner 4 ember.js

我最近升级到最新的Ember.js版本(从GitHub页面构建.)

使用新路由器时,这不再起作用吗?

App.ApplicationView = Ember.View.extend({
    template: Ember.Handlebars.compile("Hello")
});
Run Code Online (Sandbox Code Playgroud)

我更喜欢在我的js文件而不是index.html中定义我的模板.我相信它更清洁.但是,上面没有呈现!

有什么建议?谢谢!

Yeh*_*atz 10

对于Ember 1.0,模板应该在index.html通过构建工具提供给应用程序的单独文件中定义.

一些例子:

如果您真的想要将模板放在JavaScript中,可以将其放在应用程序模板中:

<script type="text/x-handlebars">
  {{view App.MyView}}
</script>
Run Code Online (Sandbox Code Playgroud)

然后定义您的视图:

App.MyView = Ember.View.extend({
  template: Ember.Handlebars.compile("Whatever you want here")
});
Run Code Online (Sandbox Code Playgroud)

也就是说,Ember中的快乐路径是为您的每个路径使用外部模板,在您开始使用HTML时,或者使用构建步骤,这样您就可以将它们保留在index.html之外.

  • 我觉得这就是答案.我曾经认为我的模板"属于"我的观点,但似乎Ember正在朝着模板用于构建UI的方向前进,而视图只需要响应用户事件(有时候.)我我确定这是做事的最佳方式,但我必须开始思考一点不同! (2认同)