第6章 路由與多視圖

前面的章節中我們已經學習了AngularJS的一些基礎知識，本章將介紹AngularJS路由與多視圖概念。在AngularJS應用中，我們可以把一個完整的HTML頁面拆分成多個視圖，每個視圖實際上就是一段HTML片段，路由機制就是在每個視圖和URL之間建立映射關系，當通過AngularJS路由API訪問URL時，頁面中能夠加載對應的視圖內容。

圖6.1能夠幫助我們直觀地理解AngularJS路由機制。在圖6.1中，我們有兩個URL，分別為ShowOrders和AddNewOrder，使用路由機制分別將這兩個URL映射到訂單列表視圖和新增訂單視圖，這兩個視圖分別由兩個不同的控制器進行管理，當訪問ShowOrders時，界面中會加載訂單列表視圖，而訪問AddNewOrder時則會顯示新增訂單視圖的內容。

圖6.1 AngularJS路由機制圖解