要获取当前导航过程的目标URL,可以使用Angular路由器的ActivatedRoute
服务。通过该服务,您可以访问当前路由的相关信息,包括目标URL。
以下是一个包含代码示例的解决方法:
ActivatedRoute
服务:import { ActivatedRoute } from '@angular/router';
ActivatedRoute
服务:constructor(private route: ActivatedRoute) { }
ActivatedRoute
服务的url
属性来获取当前导航过程的目标URL:ngOnInit() {
// 获取当前导航过程的目标URL
const targetUrl = this.route.snapshot.url.join('/');
console.log('目标URL:', targetUrl);
}
在上面的示例中,this.route.snapshot.url
返回一个数组,其中包含当前导航过程的目标URL的各个部分。通过使用join('/')
方法,我们将这些部分连接起来,以获取完整的目标URL。
请注意,this.route.snapshot.url
是一个只读属性,它返回一个快照,表示当前路由的信息。如果您需要在导航过程中获取动态更新的目标URL,可以使用this.route.url
属性,它返回一个Observable
,可以订阅以获取最新的URL值。
这就是获取当前导航过程的目标URL的解决方法。通过使用ActivatedRoute
服务,您可以轻松地获取当前路由的相关信息,包括目标URL。