我有一个图标组件，可以使用它获取 SVG 路径
get absUrl() {
return window.location.href.split('#')[0];
}
但问题是，如果您登陆未“找到”的页面并且发生重定向
图标停止工作并且检查代码显示它为每个图标放置的 URL 是错误的 URL
例如，在不存在的“登录”页面上查找“仪表板”图标
网址是
https://localhost:4200/login#dashboard
但我在页面上
https://localhost:4200/404
所以链接应该是
https://localhost:4200/404#dashboard
有什么想法如何保持同步吗？与我所在的页面？
否则，一旦由于找不到页面而重定向到 /404，我的所有图标都会停止工作？
EDIT:
以下是在组件模板上使用 absUrl 的方式：
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
[style.fill]="color ? color : ''"
[style.width]="size"
[style.height]="size"
>
<use [attr.xlink:href]="absUrl + '#' + name"></use>
</svg>
EDIT 2
作为临时解决方法，我从以下位置配置了 404 重定向：
{ path: '**', redirectTo: '404'},
to
{ path: '**', component: NotFoundComponent },
但是人们可能会链接到不存在的路由，因此如果检测到路由不是“404”，我会尝试从组件本身运行重定向。
当在构造函数、ngOnInit 甚至 ngOnViewInit 中调用时，这不起作用
但是，如果在任何地方（包括构造函数）在 setTimeout 内以 0 毫秒调用——这将正常工作并呈现。
constructor(public router: Router) {
if (window.location.href.slice(window.location.href.length - 3) !== '404') {
setTimeout(() => {
this.router.navigate(['404']);
}, 0);
}
}
这让我觉得这是 Angular 本身的一些渲染错误。这有点hacky和无法解释，但有效......
