在Angular 2中订阅ActivatedRoute参数不会更新视图模板

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {
  this.route.queryParams.subscribe(params => {
    // 处理queryParams的变化
    // 更新视图模板
  });

  this.route.paramMap.subscribe(params => {
    // 处理paramMap的变化
    // 更新视图模板
  });
}

import { ActivatedRoute } from '@angular/router';

export class MyComponent {
  queryParams: any;
  paramMap: any;

  constructor(private route: ActivatedRoute) {
    this.route.queryParams.subscribe(params => {
      this.queryParams = params;
      // 更新视图模板
    });

    this.route.paramMap.subscribe(params => {
      this.paramMap = params;
      // 更新视图模板
    });
  }
}

<p>queryParams: {{ queryParams | json }}</p>
<p>paramMap: {{ paramMap | json }}</p>