一、为什么单页应用需要路由？

在现代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获取产品详情
});