Angular2 获取请求参数

作者: zhaochenxi 分类: angular2,前端 发布时间: 2017-03-10 00:12

前端开发中,经常需要获取请求url中的参数,angular2中,获取请求参数的方式相比angular1中变化很大。我主要介绍两种获取方式。

angular2中可以使用ActivatedRoute来获取参数,ActivatedRoute详情请参考文档点击这里

1.获取路由参数

如:

{ path: 'newsdetail/:id',component: NewsDetailComponent }

以上路由对应的URL:http://localhost:3000/newsdetail/061222195455148007

我们想要获取061222195455148007,那么通过依赖注入ActivatedRoute,

然后这样写:


let id = this.route.snapshot.params['id'];

2.获取“?”后面的参数
URL:http://localhost:3000/newsdetail/061222195455148007?type=9
我们可以这样写:


type:number;
this.route.queryParams.subscribe((params: Params) => {
      this.type=params['type'];
    });

这样就可以获得请求中的任意一种参数了,当然别忘了在代码中import ActivatedRoute和注入ActivatedRoute。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注