在Angular 9/10中,可以使用combineLatest操作符来同时订阅路由参数(params)和查询参数(query params)。以下是示例代码:
import { combineLatest } from 'rxjs'; import { ActivatedRoute } from '@angular/router';
@Component({ ... }) export class MyComponent implements OnInit { constructor(private route: ActivatedRoute) {}
ngOnInit() { combineLatest( this.route.params, this.route.queryParams ).subscribe(([params, queryParams]) => { // 处理params和queryParams }); } }
如果你只需要订阅其中一个参数,可以直接使用params或queryParams:
// 订阅params this.route.params.subscribe(params => { // 处理params });
// 订阅queryParams this.route.queryParams.subscribe(queryParams => { // 处理queryParams });
下一篇:Angular9/10中的路由