Angular中<router-outlet>显示父元素两次的问题。
创始人
2024-10-31 00:00:58
0次

  1. 检查模板代码中是否有多个标签，如果有，请确保每个标签都有唯一的名称。

  2. 确保路由定义中只有一个父级路由路径，然后在需要显示子路由的地方使用子路由路径。

  3. 如果仍然存在问题，将以下代码添加到app.component.ts文件中：

import { Router, NavigationEnd } from '@angular/router';
import { filter } from 'rxjs/operators';

constructor(private router: Router) { }

ngOnInit() {
  this.router.events.pipe(
    filter(event => event instanceof NavigationEnd)
  ).subscribe(() => {
    window.scrollTo(0, 0);
  });
}

这段代码将监听路由事件并在每次页面导航完成时将滚动位置重置为顶部，这可能会解决冗余父元素显示的问题。

上一篇：Angular中$是什么原因

下一篇：Angular中'Cannotreadproperty'value'ofundefined”的错误

相关内容

热门资讯

透视辅助！hhpoker透视方... 透视辅助！hhpoker透视方法，pokermaster修改器，必赢教程（切实真的是有挂） 科技详细...
透视挂！智星德州菠萝插件官网，... 透视挂！智星德州菠萝插件官网，fishpoker透视，爆料教程（都是有挂）；亲，其实确实真的有挂（需...
透视中牌率！德普之星透视辅助i... 透视中牌率！德普之星透视辅助ios，aapoker免费透视脚本，2025新版总结（原来真的有挂）；精...
透视线上！wepoker底牌透... 1、透视线上！wepoker底牌透视脚本，wpk私人局辅助是真的吗，高科技教程（原本真的是有挂）；详...
透视有挂！wepoker透视，... 这是一款非常优秀的wepoker透视 ia辅助检测软件，能够让你了解到wepoker透视中牌率当中全...
透视软件！智星德州菠萝插件官网... 1、透视软件！智星德州菠萝插件官网，hhpoker软件靠谱吗，软件教程（最初是真的有挂）；详细教程。...
透视挂！德普之星app安卓版破... 透视挂！德普之星app安卓版破解版，如何下载wpk透视版，技巧教程（素来真的是有挂）需要回顾用户提供...
透视透视！aapoker辅助功... aapoker辅助功能赢率提升策略‌；透视透视！aapoker辅助功能，来玩德州破解器，规律教程（好...
透视游戏！wepoker底牌透... 透视游戏！wepoker底牌透视脚本，哈糖大菠萝开挂，技巧教程（一直是真的有挂）关于wepoker底...
透视辅助！wepoker透视脚... 1、透视辅助！wepoker透视脚本安卓，pokermaster修改器，2025新版教程（其实存在有...