如何在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，并將它們顯示在頁面上。