angularjsでナビゲーションバーを実装する方法

Question

初めての方はangularjsからナビゲーションバーを作成しました。いくつかのサブメニューがあります。しかし、私はangularjsを使用してそれを処理するベストプラクティスが何であるか完全にはわかりません。現在選択されているメニュー項目を追跡して「アクティブ」にし、選択に応じてレンダリングされたテンプレートを変更したいと思います。

私はいくつかのサンプルコードや、実稼働環境で使用できるサンプルコードを探しています。

この非常に一般的な質問は申し訳ありませんが、誰かが私を助けてくれることを願っています。

Answer 1

angular-ui/ui-routerをご覧ください。それはあなたのアプリに名前付きのビューと状態を追加します。メインテンプレートの "領域"を定義して、アプリケーションの "状態"に基づいて特定のテンプレート+コントローラを表示することができます。

編集：はい、単純なアプリケーションの場合は$ locationで十分ですが、画面あたりの1つのコントローラーが$ scopeの100行になるまでには$あなたは何かが必要であることを認識し始めます。