如何在AngularJS中处理路由参数

在 AngularJS 中，处理路由参数主要通过 $routeParams 服务来实现

1. 首先，确保在模块中注入 ngRoute 模块：

var app = angular.module('myApp', ['ngRoute']);

2. 配置路由。在这个例子中，我们将为 /user/:userId 路径配置路由：

app.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/user/:userId', {
            templateUrl: 'user.html',
            controller: 'UserController'
        });
}]);

这里 :userId 是一个参数，我们稍后将使用 $routeParams 服务获取它。

3. 创建一个控制器（在这个例子中是 UserController），并注入 $routeParams 服务：

app.controller('UserController', ['$scope', '$routeParams', function($scope, $routeParams) {
    // 获取路由参数
    var userId = $routeParams.userId;

    // 使用路由参数
    $scope.userId = userId;
}]);

现在，当用户访问 /user/123 时，UserController 控制器将接收到 userId 参数，并将其值设置为 $scope.userId。你可以在视图中使用这个值，例如：

<div>
    <p>User ID: {{userId}}</p>
</div>

这就是在 AngularJS 中处理路由参数的方法。