Angular2 $ location.search()等价物(设置查询参数)

时间:2016-04-18 11:28:52

标签: angularjs angular

我的网络应用程序有多个过滤器,应该在当前的Url中表示,以便用户可以简单地复制/添加当前页面的书签,以便以后将其恢复。

在angular1中,我使用$location.search(name, value)简单地在变化时设置了seach参数。现在我想在angular2中得到类似的东西。

还是错了?

1 个答案:

答案 0 :(得分:2)

我认为你必须在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 / 2和2是id参数的值。

您可以在Angular2 doc中找到更多详细信息:router doc