[編集]
パーシャルとテンプレートの複雑なネストと同様の質問
今のところ、Angular-UI 状態ソリューションを使用する方が良いですか、それとも ng-includes に固執する必要がありますか?
これまでのところ、AngularJS アプリケーションでは URL ごとに 1 つのビューがありました。新しいビューを作成する必要があります。これには 3 つのタブが必要ですが、ビューをどのように設計するかを理解するのに苦労しています。つまり、アーキテクチャに関してです。
これら 3 つのタブの背後にあるビジネス モデル オブジェクトは同じものであることに注意してください。
最初のタブは、ビジネス オブジェクトのデータを表示および編集するためのものです。つまり、最初のタブにはすでに 2 つの「ビュー」があります。
2 番目のタブは、ビジネス オブジェクトの子コレクションからのデータを示すページ テーブルを表示するためのものです。
3 番目のタブは 2 番目のタブと同じことを行いますが、別の子コレクションを対象としています。
明らかに、ビジネス オブジェクト全体を一度にロードしたくありません。ユーザーが 2 番目または 3 番目のタブに移動した場合にのみ、コレクションを読み込みます。
現在の私の主な関心事は、ビューをどのように整理するかということです。AngularJS には、ページごとに 1 ビューのみという制限があります。
また、ブラウザーの履歴を処理する必要があるため、タブが選択されたときに URL を変更する必要がありますが、データを再読み込みする必要があります (つまり、コントローラーを再読み込みしてはなりません)。
どんなヒントでも大歓迎です。