ng中的路由和單頁面應用

路由 route -> 單頁面應用程式

 一個頁面在展示多種資料的時候不是進行頁面的跳轉, 而是在頁面中設定一個足夠大的容器
 在切換顯示的時候, 利用 ajax 請求資料, 拿到資料後利用 js 將資料渲染到容器中, 以
 展示不同的資料內容. 而在這個過程中頁面一直保持不重新整理的狀態.

-> 在 ng 中為了實現這種自動的"跳轉"( 注意不是真的跳轉, 只是根據 url 顯示不同的 內容 ) 稱為路由

 -> 操作步驟( **** )
     1> 引入一個 angular-route 的 js 檔案. 該檔案定義了一個 ngRoute 模組
     2> 要使用路由, 就需要在執行開始之前對路由的路徑規則進行配置
         module.config( [ '$routeProvider', function ( $routeProvider ) {

         }] )
     3> $routeProvider 提供了一個 when()
         該方法有兩個引數, 第一個參數列示的"路徑"( # 後的路徑 )規則
         第二個引數是 一個物件, 該物件有 template, templateUrl, controller 等方法
         設定該屬性後, 表示路徑規則一旦符合 when 中給定的規則, 那麼就會顯示對應的 模板資料.
     4> 在頁面中放上一個 ng-view 指令, 它就是容器
     5> $routeProvider 還提供了一個 otherwise 方法, 該方法只有一個引數, 即物件
         意味著如果路徑規則, 所有的 when 都不符合 就啟用 otherwise 中描述的 頁面
         一般會使用 { redirectTo: '/' } 跳轉到主頁或指定頁