第6章 路由与多视图

前面的章节中我们已经学习了AngularJS的一些基础知识，本章将介绍AngularJS路由与多视图概念。在AngularJS应用中，我们可以把一个完整的HTML页面拆分成多个视图，每个视图实际上就是一段HTML片段，路由机制就是在每个视图和URL之间建立映射关系，当通过AngularJS路由API访问URL时，页面中能够加载对应的视图内容。

图6.1能够帮助我们直观地理解AngularJS路由机制。在图6.1中，我们有两个URL，分别为ShowOrders和AddNewOrder，使用路由机制分别将这两个URL映射到订单列表视图和新增订单视图，这两个视图分别由两个不同的控制器进行管理，当访问ShowOrders时，界面中会加载订单列表视图，而访问AddNewOrder时则会显示新增订单视图的内容。