SPA(Single Page Application)でほぼ使うことになるのがViewの切り替えですね。Viewを切り替えるためのモジュールはいくつかあるようですが、今回は標準のルーティング機能(ngRoute)を試して見たいと思います。 ngRouteとは ngRouteとはページ全体をリロードせずにページの一部分だけを切り替える機能をもったAngularJSモジュールです。例えばAngularJSの公式サイトにあるDeveloper Guideも本文の部分だけをロードし切り替えています。簡単に概念図を表すとこのようになります。 ngRouteはURLのHash(#hogeなどのID属性の位置までスクロールさせる指定)かHistory APIのイベントを監視してViewを切り替えます。ngRouteはViewを入れ子にしたり複数のViewを対象にすることができないので、複雑なことがやり
![[Middleman 3][AngularJS 1]ウェブデザイナーがはじめるAngularJS:ngRouteを使ったシンプルなViewの切り替え](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)