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软件靠谱吗，hhpoker透视方法，本来是有挂（有挂讲解）1、玩家可以在透视...
关于！hhpoker德州透视，... 关于！hhpoker德州透视，pokermaster辅助器，一贯有挂（详细教程）1、免费脚本咨询教程...
玩家实测！wepoker有没有... 玩家实测！wepoker有没有机器人，hhpoker是真的假的，真是是有挂（有挂分析）1）有没有挂：...
玩家必看攻略！wepoker轻... 玩家必看攻略！wepoker轻量版透视系统，wepoker透视app下载，竟然是有挂（有挂分析）1、...
教学盘点！约局吧作弊脚本，we... 教学盘点！约局吧作弊脚本，wepoker可以免费玩吗，总是是真的有挂（有挂教程）1、很好的工具软件，...
热点推荐！wpk德州局怎么透视... 热点推荐！wpk德州局怎么透视，有哪些免费的wpk作弊码，都是存在有挂（今日头条）1、点击下载安装，...
重大推荐！hhpoker透视脚... 重大推荐！hhpoker透视脚本视频，wepoker辅助真的假的，一贯有挂（有挂工具）重大推荐！hh...
推荐十款！pokernow辅助... 推荐十款！pokernow辅助控制，epoker底牌透视，切实是真的有挂（了解有挂）1、下载好脚本下...
分享一款！HH平台挂，hhpo... 分享一款！HH平台挂，hhpoker有后台操控吗，本来是真的有挂（有挂存在）1、分享一款！HH平台挂...
重大推荐！德普之星辅助器，哈糖... 重大推荐！德普之星辅助器，哈糖大菠萝免费辅助器，总是真的有挂（有挂教学）在进入哈糖大菠萝免费辅助器软...