Angular2路由器监听参数变化

标签 angular typescript

我有几个链接导航为

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>

最佳答案

constructor(router:Router, route:ActivatedRoute) {
  router.events
  filter(e => e instanceof NavigationEnd) 
  .forEach(e => console.log(route.snapshot.params['category']);
}

关于Angular2路由器监听参数变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42469700/

相关文章:

Angular 2路线 child 与网点

Angular,检测当前屏幕在哪个元素上滑动

javascript - (() => {}) 而不是 JavaScript 函数表达式

Angular 4,自定义错误处理程序无法识别自定义错误

angular - Angular 2中的错误处理程序和拦截器有什么区别?

node.js - 使用证书、私钥和 CA 的 AWS Lambda NodeJS 请求

javascript - Typescript 中的 d3-tip 库

javascript - 尝试在 React/TypeScript 应用程序中使用 usetState 时应用程序崩溃

HTTP : Detect changes in child component when update/save/delete

angular - RxJS Observables 和构建过滤列表的正确方法