URL 参数是指 URL 中以 '?' 开头的键值对，例如：http://example.com/?key1=value1&key2=value2。在前端开发中，我们常常需要获取 URL 参数并在页面上进行相应的操作，本文将详细介绍如何使用 AngularJS 获取 URL 参数。
方法一：使用 $location 服务
AngularJS 的 $location 服务提供了一个方便的方式来获取 URL 参数。通过访问 $location.search() 方法，可以返回一个对象，其中包含 URL 参数的键值对。
--- --- - ----------------------- ----
------------------------ ---------------- ---------- -
--- ------ - -------------------
--------------------
---在上面的代码中，我们创建了一个名为 myApp 的 AngularJS 应用程序，并在其中定义了一个名为 myCtrl 的控制器。该控制器注入了 $location 服务，并使用 $location.search() 方法获取 URL 参数，并将其打印到控制台。
方法二：使用 $routeParams 服务
$routeParams 服务可以用于从当前路由中获取参数。要使用 $routeParams 服务，需要首先在应用程序的配置中定义路由参数，然后才能在控制器中使用 $routeParams 服务。
--- --- - ----------------------- -------------
----------------------------------- -
--------------
---------------------- -
------------ ------------
----------- ----------
---
---
-------------------------- ---------------- ------------- -
--- ------ - --------------------
--------------------
---在上面的代码中，我们首先定义了一个路由 /user/:userId，其中 :userId 是一个参数。然后我们在 userCtrl 控制器中注入了 $routeParams 服务，并使用 $routeParams.userId 获取 URL 参数。
方法三：使用原生 JavaScript
除了以上两种方法外，还可以使用原生 JavaScript 来获取 URL 参数。具体方法是通过访问 window.location.search 属性来获取 URL 查询字符串，将其解析为一个对象，然后从中获取所需的参数值。
-------- ------------------------ -
--- --- - ---------------------
---- - ----------------------- --------
--- ----- - --- ------------- - ---- - ---------------------
------- - ----------------
-- ---------- ------ -----
-- ------------- ------ ---
------ -------------------------------------------- - ----
-
--- ------ - -----------------------------
--------------------在上面的代码中，我们定义了一个名为 getParameterByName 的函数，用于从 URL 查询字符串中获取指定名称的参数值。该函数首先获取当前页面的 URL，并使用正则表达式从中提取出指定名称的参数值。
总结
本文介绍了三种常见的方法来使用 AngularJS 获取 URL 参数，包括使用 $location 服务、$routeParams 服务和原生 JavaScript。不同的方法适用于不同的场景，开发人员可以根据具体需求选择合适的方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25050