Ember には多少の学習曲線があることは理解しています。ヒントをいくつか紹介しましょう。
App.ApplicationRoute = Ember.Route.extend({
renderTemplate: function() {
// Render default outlet
this.render();
// render extra outlets
this.render("navbar", {
outlet: "navbar",
into: "application"
});
}
});
<script type="text/x-handlebars">
<!-- Navigation menu top bar -->
{{outlet "navbar"}}
{{outlet}}
</script>
すべてのレンダリングとレンダリングの設定を手動で行っています。これにより、Ember が非常に複雑になります。特に、アウトレットにレンダリングすると、その名前付きアウトレットにも存在するアウトレットが破棄されるためです。
アプリケーション ルートでは、renderTemplate メソッドを完全に削除し、アプリケーション テンプレートでパーシャルを使用するだけです (特に、navbar テンプレートにレンダリングするときに使用する別のコントローラーを指定しておらず、同じコントローラーを使用しているため)。
App.ApplicationRoute = Ember.Route.extend();
<script type="text/x-handlebars">
<!-- Navigation menu top bar -->
{{partial "navbar"}}
{{outlet}}
</script>
投げることができる他の多くの手動レンダリング アクションがありました。私はあなたの例を更新しました:
http://jsbin.com/IPadIsu/17/edit