Angular2路由器监听参数更改
Angular2路由器监听参数更改
提问于 2017-02-26 22:25:00
我有几个链接导航为
http://localhost:4200/#/forward/services/our-services?category=1
http://localhost:4200/#/forward/services/our-services?category=2
http://localhost:4200/#/forward/services/our-services?category=3我想获取类别的价值
我试过了
this.sub = this._activatedRoute.params.subscribe(params => {
this.category = + params['category'];
console.log(params['category']);
});console.log()只打印一次，
如何确保在类别值发生变化时进行捕获
这就是我用来导航的东西
<ul id="menu-services-menu" class="menu" *ngFor="let category of categories">
<li><a routerLinkActive="active" [routerLink]="['/forward/services/our-services']" [queryParams]="{ category: category.category }" >{{category.category}}</a></li>
</ul>回答 3
Stack Overflow用户
发布于 2017-02-26 22:27:02
constructor(router:Router, route:ActivatedRoute) {
router.events
filter(e => e instanceof NavigationEnd)
.forEach(e => console.log(route.snapshot.params['category']);
}Stack Overflow用户
发布于 2017-11-29 20:53:14
您也可以使用Angular 2(在撰写本文时为Angular 5)执行以下操作：
constructor(private router:Router) {
router.events.subscribe(data=>{
if(data instanceof ActivationEnd){
this.category = data.snapshot.params['category'];
}
});
}Stack Overflow用户
发布于 2018-01-24 01:56:31
constructor(private route: ActivatedRoute, private router: Router) {}
ngOnInit() {
this.route
.queryParams
.subscribe(params => {
this.page = params['category'];
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42469700
复制相关文章
相似问题
腾讯云开发者
