一、為什么單頁應用需要路由？

在現代Web開發中，單頁應用(SPA)已成為主流架構。與傳統多頁應用相比，SPA通過動態重寫當前頁面實現無縫交互，而路由機制正是實現這一體驗的核心技術。通過AngularJS的ng-route模塊，開發者可以：

• 實現無刷新頁面跳轉
• 根據URL加載不同視圖和控制器
• 管理瀏覽器歷史記錄
• 實現按需加載資源

二、ng-route核心配置詳解

1. 基礎路由配置

<script>
angular.module('myApp', ['ngRoute'])
.config(function($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'views/home.html',
      controller: 'HomeController'
    })
    .when('/products', {
      templateUrl: 'views/products.html',
      controller: 'ProductsController'
    })
    .otherwise({ redirectTo: '/' });
});
</script>

2. 路由參數傳遞

.when('/product/:id', {
  templateUrl: 'views/product-detail.html',
  controller: 'ProductDetailController'
})

3. 控制器中獲取參數

app.controller('ProductDetailController', function($scope, $routeParams) {
  var productId = $routeParams.id;
  // 通過阿里云API獲取產品詳情
});