2013-05-20 5 views
8

で複数のビューを管理しない私には、次のページレイアウトを持っている:はどのように私はangular.js

Diagram

  1. は、メインメニュー
  2. は、トップメニュー
  3. がコンテンツであるです[EDIT :私はいくつかの番号を失っているようだ、セクション3は、大きな中間セクションです:)]

私はhavしたい別のモジュール(論理的に見える)によって管理(処理)される別々のセクションがあるので、ページビュー全体の処理を行うng-viewが1つしかない場合はどうすればよいでしょうか。モジュールを別のUIセクションにどのようにバインドするのですか?

これは多くの人が標準角度ルータで達成したいが、ハックの試みなしでうまく動作しないものである事前

+1

htmlでng-controller属性を使用できます。 –

+0

ok、私は参照してください、しかし、どのように私はルーティングを使用することができます、各セクションがあるかもしれません... 5州、どのように各コントローラがルートからパラメータを抽出することは可能ですか? – Lu4

+0

btw、ng-viewと組み合わせてコントローラを使用できますか?コントローラをng-view内で定義することはできますか? – Lu4

答えて

5

でいただきありがとうございます。 Angular-UIチームがネストされた状態の問題をより洗練された解決策に取り組んでいるのはこのためです。

チェックアウトui-router modulethe docs carefulyとチェックアウトthe sample appを読んでください。最初はちょっと混乱するかもしれません。

7

メインメニューとトップメニューをディレクティブとして定義し、メインコンテンツのみをng-viewコンテナとして定義します。 ディレクティブには専用のテンプレートとコントローラがあり、コードのモジュラリティを達成するのに役立ちます。