在Angular中,可以使用ActivatedRoute
服务来获取与当前路由匹配的路由配置。以下是一个包含代码示例的解决方法:
首先,确保在组件中导入ActivatedRoute
和Router
:
import { ActivatedRoute, Router } from '@angular/router';
然后在组件的构造函数中注入ActivatedRoute
和Router
:
constructor(private route: ActivatedRoute, private router: Router) { }
接下来,可以使用route
对象的snapshot
属性来获取当前路由的快照,并使用url
属性来获取当前路由的URL片段。使用router
对象的config
属性可以获取整个路由配置数组。
ngOnInit() {
const currentUrl = this.router.url;
const routeConfig = this.router.config;
const currentRoute = this.route.snapshot;
const currentRouteUrl = currentRoute.url;
console.log(currentUrl);
console.log(routeConfig);
console.log(currentRoute);
console.log(currentRouteUrl);
}
通过上述代码,你能够获取到与当前路由匹配的路由配置。然后可以根据需要进一步处理这些数据。