在 Angular 中，我们经常需要在不同的路由之间传递参数。一种常见的方式是使用 $location.path 方法来改变当前的 URL，并将参数作为路径的一部分。
如何使用 $location.path 传递参数
假设我们有一个名为 user 的组件，它需要接收一个用户 ID 参数。我们可以通过以下代码来实现：
// 在当前路由中跳转到 /users/:userId
$location.path('/users/' + userId);在这个例子中，userId 是我们需要传递的参数。通过将参数添加到路径中，我们可以让 Angular 路由知道我们希望跳转到哪个路由，并且带上相应的参数。
在接收参数的组件中，我们可以通过 $routeParams 服务来获取参数的值：
angular.module('myApp').controller('UserController', function($routeParams) {
var userId = $routeParams.userId;
});使用 $location.search 传递查询参数
除了在路径中传递参数之外，还可以使用查询参数来传递参数。查询参数以 ? 开头，后面跟着一系列的键值对。例如：
// 在当前路由中跳转到 /search?q=angularjs
$location.path('/search').search({q: 'angularjs'});在这个例子中，我们使用 $location.search 方法将参数传递给查询字符串。在接收参数的组件中，我们可以通过 $location.search() 方法来获取参数的值：
angular.module('myApp').controller('SearchController', function($location) {
var query = $location.search().q;
});总结
在 Angular 中传递参数是非常常见的需求。使用 $location.path 或者 $location.search 可以让我们方便地在不同的路由之间传递参数。希望本文对你有所帮助！
示例代码：
-- -------------------- ---- ------- -- --------- -------------- ------------------------ - -------- -- --------- ------------------- ------------------------------------ -------------- -- ------------- ---------------------------------------------------- ---------------------- - --- ------ - -------------------- --- ------------------------------------------------------ ------------------- - --- ----- - --------------------- ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25168