ember.js - 同じページで 2 つの独立したコンテンツ コンテナーを処理する

Question

私は ember.js を使用して単一ページのアプリを開発しています。互いに独立した 2 つの異なるコンテンツ セクションを含むダッシュボードがあります (したがって、マスター/詳細の関係ではありません)。

構造は次のようになります (Haml を使用):

#dashboard
  #top
    %nav
    .content
  #bottom
    %nav
    .content

#top と #bottom の両方に、#top と #bottom のコンテンツを個別に変更する小さなナビゲーションがあります。残り火の道は何ですか

1. ダッシュボードの初期状態を読み込みます (#top と #bottom のデフォルト コンテンツを使用)
2. 対応するナビゲーションを使用して、#top または #bottom の新しいコンテンツを読み込みます。新しいコンテンツを #top にロードしても、#bottom に既に存在するコンテンツを変更または削除してはならず、その逆も同様です。

私はまだ ember.js を学んでいます。この質問が理にかなっていることを願っています。