angular – 在URL中添加/更改可选参数(矩阵表示法)而不导航

要获得新参数的通知并更新UI,您可以订阅ActivatedRoute.params Observable：

import {ActivatedRoutE} from '@angular/router';
...
constructor(private route:ActivatedRoutE){}

ngOnInit() {
  this.sub = this.route.params.subscribe(params => {
     let page = +params['page']; // (+) converts String 'id' to a number
     let sort = params['sort'] || 'ASC'; //use ASC order if none is supplied
     this.updateUI(page,sort);//function would update component as you wish
   });
}

搜索params.subscribe on this page获取更多信息.