要获取当前导航过程的目标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。