<html ng-app="app">
<head>
...
</head>
<body>
<div id="header"></div>
<div id="notification"></div>
<div id="container"></div>
<div id="footer"></div>
</body>
</html>
指定されたアプリの構造 (angular-app から派生):
- header: ここにサイト ナビゲーション、ログイン/アウト ツールバーなどが入ります。これは動的で、独自の Controller があります。
- notifications: グローバル通知コンテナ。
- コンテナ: これは以前は私の
<ng-view>
. したがって、これは他のすべてのモジュールが読み込まれる場所です。 - フッター: グローバル フッター。
状態階層はどのように見えますか? 単一のモジュール (連絡先) を示す例を見てきましたが、通常、アプリにはグローバル (ルート) 状態があり、ルート状態内で他のモジュール状態がレンダリングされます。
私が考えているのは、私のapp
モジュールにはおそらくroot
状態があり、各モジュールには独自の状態があり、状態から継承する必要があるということですroot
。私は正しいですか?
また、ui-state
例から、彼らは と の両方$routeProvider
を使用しており、url$urlRouterProvider
も定義されています。$stateProvider
私の理解は$stateProvide
、ルーティングも処理していました。私が間違っている場合、ルーティングにはどのプロバイダーを使用すればよいですか?
編集: http://plnkr.co/edit/wqKsKwFq1nxRQ3H667LU?p=preview
ありがとう!