在Angular 2中,可以通过ActivatedRoute的queryParams属性来访问路由导航的查询参数。以下是一个示例解决方法:
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
constructor(private route: ActivatedRoute, private router: Router) { }
ngOnInit() {
this.route.queryParams.subscribe(params => {
// 在这里处理查询参数
console.log(params);
});
}
ngOnInit() {
this.route.queryParams.subscribe(params => {
if (params['status'] === 'success') {
// 执行成功操作
} else if (params['status'] === 'error') {
// 执行错误操作
}
});
}
navigateToPage() {
this.router.navigate(['/page'], { queryParams: { status: 'success' } });
}
以上就是在Angular 2中更简便地使用路由导航查询参数的方式。请注意,以上代码示例仅作为参考,具体实现可能会因应用程序的需求而有所不同。