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

相关内容

热门资讯

玩家必备教程(WPKai)外挂... 玩家必备教程(WPKai)外挂透明挂辅助挂(黑科技)智能ai有挂意思(了解有挂)-哔哩哔哩，WPKa...
重要通知！决战卡五星必赢神器，... 重要通知！决战卡五星必赢神器，红龙poker有辅助，第三方教程（有挂秘诀）1、每一步都需要思考，不同...
最新通报(WePoKeai插件... 最新通报(WePoKeai插件)外挂透明挂辅助软件(黑科技)有挂(有挂助手)-哔哩哔哩;一、WePo...
实测揭晓！盛世透视辅助器，hh... 实测揭晓！盛世透视辅助器，hhpoker辅助挂是真的，细节方法（有人有挂）1、完成盛世透视辅助器的残...
总算明白(鱼扑克俱乐部)外挂透... 总算明白(鱼扑克俱乐部)外挂透明挂辅助软件(黑科技)辅助器ios(存在有挂)-哔哩哔哩是一款可以让一...
必备科技！yy比鸡脚本，德州私... 必备科技！yy比鸡脚本，德州私人局可以透视，解密教程（有挂教学）1、下载好yy比鸡脚本辅助软件之后点...
程序员教你(德州之星辅助)外挂... 程序员教你(德州之星辅助)外挂透明挂辅助黑科技(黑科技)俱乐部可以控制输赢(有挂讲解)-哔哩哔哩；小...
我来教教你！牵手辅助器，竞技联... 我来教教你！牵手辅助器，竞技联盟辅助，科技教程（有挂功能）1、超多福利：超高返利，海量正版游戏，竞技...
9分钟了解(Wepoke是真的... 9分钟了解(Wepoke是真的)外挂透明挂辅助软件(黑科技)系统控制输赢(有挂透视)-哔哩哔哩；详细...
一分钟揭秘！联盟辅助软件，we... 一分钟揭秘！联盟辅助软件，wepoker提高好牌率，软件教程（有挂教程）暗藏猫腻，小编详细说明联盟辅...