如何在AngularJS中处理URL参数

在 AngularJS 中，处理 URL 参数的一种常见方法是使用 $routeParams 服务

1. 首先，确保你已经在你的 AngularJS 应用中包含了 ngRoute 模块。将以下代码添加到你的 HTML 文件中，作为你的主模块依赖：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script>

2. 在你的 AngularJS 应用模块中注入 ngRoute 模块：

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

3. 配置路由。在你的应用模块中添加一个 $routeProvider 配置块，指定 URL 模式和对应的控制器：

app.config(function($routeProvider) {
  $routeProvider
    .when("/example/:parameter1/:parameter2", {
      templateUrl: "example.html",
      controller: "exampleController"
    });
});

在这个例子中，我们定义了一个带有两个参数（parameter1 和 parameter2）的 URL 模式。

4. 创建一个控制器来处理这些参数。在你的 JavaScript 文件中添加以下代码：

app.controller("exampleController", function($scope, $routeParams) {
  $scope.parameter1 = $routeParams.parameter1;
  $scope.parameter2 = $routeParams.parameter2;
});

在这个控制器中，我们使用 $routeParams 服务获取 URL 参数，并将它们分配给 $scope 变量。

5. 在你的 HTML 文件中，使用 ng-view 指令加载模板，并通过 ng-controller 指令将控制器与模板关联：

<div ng-controller="exampleController">
  <p>Parameter 1: {{parameter1}}</p>
  <p>Parameter 2: {{parameter2}}</p>
</div>

现在，当用户访问类似于 /example/value1/value2 的 URL 时，exampleController 控制器将能够获取 URL 参数 value1 和 value2，并将它们显示在页面上。