AngularJSでは$routeとng-viewディレクティブが結びついていて、ルートに応じて指定したtemplateがng-view内にincludeされる仕組みになっています。しかし、ng-viewを複数置いてそれぞれに別のテンプレートを表示させる、といった複雑な事はできません。ある表示領域の下に別の表示領域を置きたい...事は頻繁にあるので結構困る。 こういった事は、ルーティングフレームワークui-routerを使うと簡単に実現できます https://github.com/angular-ui/ui-router ui-routerを使うと、各々の状態(state)に「名前をつける」「入れ子にする」「並列に表示させる」 事ができ、インターフェースを格段に柔軟に扱うことができます。開発も非常に活発。 ありがちなwebサービスの画面を例として、ネストされたビューの構築手順を紹介します