セットアップ画面があります。サイドバーと本体で構成されています。本文には、ユーザーのプロファイルまたはパスワードを更新するためのフォームを含めることができます。
ルーティングは次のようになります。
App.Router.map(function(match) {
(match("/")).to("index");
(match("/user")).to("user", function(match) {
(match("/")).to("userIdx");
(match("/settings")).to("userSetup", function(match) {
(match("/")).to("userSetupIdx");
(match("/profile")).to("userSetupProfile");
(match("/password")).to("userSetupPassword");
});
});
});
そしてこのようなラッピングセットアップテンプレート:
<script type="text/x-handlebars" data-template-name="userSetup">
<div class='sidebar'>
Sidebar
</div>
<div class='main'>
Setup <br/>
{{outlet}}
</div>
</script>
完全な例はここにあります:http: //jsfiddle.net/stephanos/mgp7F/6/
Ember.jsでこれを行うための正しいアプローチは何ですか?
編集
sly7_7の助けを借りて、私は上記のフィドルを機能させることができました:http: //jsfiddle.net/ygvsS/9/。私がしたのは、すべての名前をuserSetup
(template、view、route)からに変更することだけでしたsetup
。しかし、明らかにこれは解決策ではありません(私もappSetupを持っているので)。