AngularJS UI Router 是一个常用的路由库，帮助开发者在 AngularJS 应用程序中管理状态和导航。在某些情况下，你可能需要向 URL 中添加查询参数来实现一些特殊的功能，比如搜索、过滤或分页。本文将介绍如何使用 AngularJS UI Router 的 .go() 方法来实现这个目标，并提供详细的指导和示例代码。
添加查询参数
在开始之前，让我们先了解一下什么是查询参数。查询参数是 URL 中的一部分，以问号（?）开头，并包含一系列以等号（=）连接的键值对，用于传递数据或配置选项。例如，假设你的应用程序支持搜索功能，并且你想要在 URL 中添加一个名为 q 的查询参数，表示用户输入的搜索关键字。那么你可以像这样构建 URL：
-----------------------------------
其中，q 是参数名，keyword 是参数值。在服务器端，你可以根据参数值执行相应的搜索操作，并返回匹配的结果。在客户端，你可以通过 JavaScript 获取 URL 中的查询参数，并根据其值显示相应的内容。
使用 $state.go() 方法添加查询参数
在 AngularJS 应用程序中，你可以使用 $state.go() 方法导航到另一个状态，并在 URL 中添加查询参数。$state.go() 方法接受两个参数：目标状态和一个可选的参数对象。参数对象可以包含查询参数、路径参数、状态参数等。
为了添加查询参数，你需要将参数对象作为第二个参数传递给 $state.go() 方法，并在其中指定查询参数的名称和值。例如，下面是如何在搜索状态中添加名为 q 的查询参数：
------------------- --- ------------
这将导航到名为 "search" 的状态，并在 URL 中添加查询参数 "?q=keyword"。如果该状态具有与之匹配的路由定义，浏览器将显示相应的视图。否则，它将显示默认的 "otherwise" 视图或抛出错误。
读取查询参数
一旦你成功地向 URL 中添加了查询参数，你可能想知道如何读取它们。在 AngularJS 应用程序中，你可以使用 $location.search() 方法获取当前 URL 中的查询参数，并返回一个对象，其中每个属性对应一个查询参数的名称和值。
例如，如果你想获取名为 q 的查询参数的值，你可以这样做：
--- ------ - ------------------- --- - - --------- --------------- -- -- ---------
完整示例代码
以下是一个完整的示例代码，演示如何在 AngularJS UI Router 中添加和读取查询参数。假设你的应用程序有两个状态：搜索和结果。当用户在搜索状态中输入关键字并点击搜索按钮时，应用程序将导航到结果状态，并在 URL 中添加名为 q 的查询参数。结果状态将根据查询参数的值显示相应的搜索结果。
--------- -----
----- ---------------
------
----- ----------------
---------------- -- --------------
------- --------------------------------------------------------------------------------------
------- -------------------------------------------------------------------------------------------------------
--------
--- --- - ----------------------- ---------------
----------------------------------- ------------------- -
------------------------------ -
---- ----------
------------ --------------
----------- ------------------
---
------------------------------ -
---- ------------
------------ --------------
----------- ------------------
---
----------------------------------------
---
--------------
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------