Ember.js を使い始めたばかりで、動的データを複数のアウトレットにロードする方法がわかりません。基本的に、私はこれをやりたい: http://cl.ly/image/0H0e1a2j1x0I。
最初のセクション: メニューをクリックして、適切なコンテンツを更新します。2 番目のセクション: メニュー「円」をクリックし、次の内容を更新します。
正しい解決策がわかりません。ネストされたルートを開始しましたが、正しい方法ではないようです。
誰かにヒントがあればそれは素晴らしいことです！
ありがとう
少なくとも 3 つの方法があります。
1 .複数のアウトレットについて言及しているため、ネストされたルートを使用できます。各ルートの renderTemplate 関数内で render メソッドを使用して、一度に複数のアウトレットのレンダリングを指定できます。このアプローチを示すフィドル付きのスレッドをチェックしてくださいEmber テンプレート チェーニング たとえば、[プレス リリース] / [記事] を選択すると、情報が右側に表示されます。URL は yourapp/#/all-info/press のようになり、ブックマークして簡単に再レンダリングできます。
たとえば、あなたの場合、ページとメニューを表示するためのアウトレット ( yourapp/#/all-info )、正しい部分を表示するためのネストされたアウトレット ( yourapp/#/all-info/company, yourapp/# /all-info/press、yourapp/#/all-info/media など)、円形メニュー用のネストされたアウトレット(yourapp/#/all-info/features )、円形の各詳細用のネストされたアウトレット ( yourapp/# /all-info/features/journaists, ..../features/in-place, ..../features/responsive など)。次に、必要に応じて組み合わせるために、ルートとレンダリング メソッドをいじります。
2 .ページのテンプレート内の各セグメントの複数のビュー。http://emberjs.com/guides/views/inserting-views-in-templates/。これは、ビュー間で指定されたルートのモデルを共有することを意味します。これは、ページ全体（単一のアウトレット）または少なくともセグメントのいくつかのグループで機能し、最初のアプローチのいくつかのアウトレットと組み合わせることができます。
たとえば、ページ全体に 1 つのアウトレット、または上部 (サイド メニューと詳細) に 1 つのアウトレット、下部 (サーキュラー メニューと詳細) に 1 つのアウトレットの場合です。次に、各ビューにメニュー用の個別のビューと詳細用のビューを作成すると、上部と下部の 2 つのコンテナー ビューと、メニューと詳細用の 4 つのビュー マスター/詳細になります。
3 . モデルをさまざまなセグメントにレンダリングするテンプレートを 1 つだけ使用します。最悪のアプローチかもしれませんが、前述のソリューションの 1 つに分解する前に、高速なプロトタイプを作成するには問題ありません。