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”的错误

相关内容

热门资讯

指南开挂"扣点点脚本... 指南开挂"扣点点脚本辅助器"开挂(修改器)辅助软件(有挂头条) >>您好：软件加薇136704302...
往昔有开挂"闲逸碰胡... 往昔有开挂"闲逸碰胡辅助"详细开挂辅助平台有挂方针(总结教程)；无需打开直接搜索打开薇:136704...
一向有开挂"雀神挂件... 一向有开挂"雀神挂件价格辅助开挂"开挂(透视)辅助安装(AI教程发现有挂) 了解更多开挂安装加（13...
透视透视！心悦踢辅助软件，广东... 透视透视！心悦踢辅助软件，广东雀神智能插件安装包（透视）开挂辅助工具新2026教程；无需打开直接搜索...
法子辅助"多乐小程序... 大家好，今天小编来为大家解答多乐小程序辅助器免费这个问题咨询软件客服可以免费测试直接加微信（1367...
一向有开挂"心悦填大... 一向有开挂"心悦填大坑辅助"详细开挂辅助软件有挂详情(普及教程)；无需打开直接搜索薇:1367043...
透视苹果版！微乐自建房脚本使用... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加（136704302）微信号是一款...
总结开挂"广东雀神辅... 您好：这款广东雀神辅助器透视游戏是可以开挂的，确实是有挂的，很多玩家在这款广东雀神辅助器透视游戏中打...
固有有开挂"老铁十三... 固有有开挂"老铁十三水安装工具"开挂(透视)辅助软件(德州论坛揭秘有挂)>>您好：软件加薇13670...
往昔有辅助"功夫川小... 往昔有辅助"功夫川小程序辅助"详细开挂辅助工具有挂方略(可靠技巧)；打开点击测试直接进入微信（136...