Angular2 $location.search()的等效方法（设置查询参数）

12 浏览
0 Comments

Angular2 $location.search()的等效方法（设置查询参数）

我的Web应用程序有多个过滤器，应该在当前URL中表示，这样用户可以简单地复制/书签当前页面，以便以后再次使用。

在angular1中，我使用$location.search(name, value)来简单地在更改时设置搜索参数。现在我想在angular2中获得类似的东西。

或者我错了吗？

0

1 答案

0 Comments

问题的出现的原因：在Angular2中，使用路由器来处理URL的参数和查询参数。但是，有一个问题是如何设置查询参数。

解决方法：在Angular2中，可以使用queryParams来设置查询参数。有一个StackOverflow的链接提供了关于如何设置可选参数的详细说明。

在Angular2中，我们可以使用路由器来处理URL的参数和查询参数。在以下的代码示例中，我们可以看到如何在Angular2中使用路由器：

import {Component} from 'angular2/core';

import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';

import {ProfileComponent} from './profile.component';

@Component({

selector: 'my-app',

template: `

<router-outlet></router-outlet>

`,

directives: [ROUTER_DIRECTIVES]

})

@RouteConfig([

{path: '/profile/:id', name: 'Profile', component: ProfileComponent}

])

export class AppComponent {

}

在上述代码中，我们可以看到在路由的路径中使用了:id参数。例如，我们可以使用以下的URL来访问Profile组件：/profile/2，其中2是id参数的值。

在Angular2的文档中，可以找到更多关于路由器的详细信息：router doc

然而，如果我们有多个可选参数，我们需要使用queryParams来设置查询参数。下面是一个关于如何设置可选参数的StackOverflow链接：route optional parameters。

0