ember.js - 最新の Ember.js ビルドの Ember.View でアプリケーションテンプレートを定義する

Question

最近、最新の Ember.js ビルド (GitHub ページからビルド) にアップグレードしました。

新しいルーターを使用すると、これは機能しなくなりますか?

App.ApplicationView = Ember.View.extend({
    template: Ember.Handlebars.compile("Hello")
});

index.html ではなく、js ファイルでテンプレートを定義する方がずっと好きです。私はそれがはるかにきれいだと信じています。ただし、上記はレンダリングされません。

助言がありますか？ありがとう！

score 10 · Accepted Answer

Ember 1.0 の場合、テンプレートはindex.html、ビルドツールを介してアプリケーションに提供される個別のファイルで定義する必要があります。

いくつかの例：

テンプレートを本当に JavaScript に入れたい場合は、これをアプリケーションテンプレートに入れることができます。

<script type="text/x-handlebars">
  {{view App.MyView}}
</script>

次に、ビューを定義します。

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

そうは言っても、Ember での適切な方法は、ルートごとに外部テンプレートを使用することです。これは、開始時に HTML で使用するか、ビルドステップを使用して index.html から除外できるようにすることです。

ember.js - 最新の Ember.js ビルドの Ember.View でアプリケーション テンプレートを定義する