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

相关内容

热门资讯

五分钟外挂！决战血流辅助器，牵... 五分钟外挂！决战血流辅助器，牵手游戏辅助，安装教程（有挂方略）-哔哩哔哩1、每一步都需要思考，不同水...
第6分钟外挂！微信多乐跑辅助，... 第6分钟外挂！微信多乐跑辅助，天天微友有辅助吗，规律教程（确实有挂）-哔哩哔哩1、天天微友有辅助吗系...
第六分钟外挂！南通长牌辅助器插... 第六分钟外挂！南通长牌辅助器插件，八闽福建辅助，攻略方法（有挂秘笈）-哔哩哔哩运南通长牌辅助器插件辅...
第5分钟外挂！四川游戏家园破解... 第5分钟外挂！四川游戏家园破解版，顺欣茶楼开挂，实用技巧（真是有挂）-哔哩哔哩1）四川游戏家园破解版...
第1分钟外挂！欢乐对决破解版，... 第1分钟外挂！欢乐对决破解版，友友联盟辅助器，可靠教程（有挂教学）-哔哩哔哩1）友友联盟辅助器辅助挂...
4分钟外挂！朋朋政和辅助器免费... 4分钟外挂！朋朋政和辅助器免费在哪里，心悦手游辅助，必赢教程（有挂辅助）-哔哩哔哩进入游戏-大厅左侧...
第七分钟外挂！边锋游戏小程序辅... 第七分钟外挂！边锋游戏小程序辅助器免费，大菠萝免费辅助，2025新版（确实有挂）-哔哩哔哩1、第七分...
一分钟外挂！越乡有辅助软件，永... 一分钟外挂！越乡有辅助软件，永胜联盟辅助器，教你攻略（讲解有挂）-哔哩哔哩1、让任何用户在无需永胜联...
六分钟外挂！圣盛荆州晃晃辅助工... 六分钟外挂！圣盛荆州晃晃辅助工具，新玄龙辅助，插件教程（有挂细节）-哔哩哔哩一、圣盛荆州晃晃辅助工具...
第8分钟外挂！丽水都来大菠萝脚... 第8分钟外挂！丽水都来大菠萝脚本辅助，wepoker开挂事件，安装教程（有挂头条）-哔哩哔哩1）丽水...