Angular的router.navigate导航会导致目标组件渲染两次。
创始人
2024-10-24 09:31:02
0

可以尝试使用 router.navigateByUrl 方法代替 router.navigate,或者在目标组件中使用 ngOnChanges 监听参数变化来避免重复渲染。

示例代码:

使用 router.navigateByUrl 方法:

import { Router } from '@angular/router';

constructor(private router: Router) {}

redirectToTargetComponent() {
  this.router.navigateByUrl('/target');
}

在目标组件中使用 ngOnChanges 监听参数变化:

import { Component, OnChanges, Input } from '@angular/core';

@Component({
  selector: 'app-target',
  template: `
{{ data }}
` }) export class TargetComponent implements OnChanges { @Input() data: any; ngOnChanges() { console.log('Data changed'); } }

相关内容

热门资讯

透视教程!wpk透视辅助,wp... 透视教程!wpk透视辅助,wpk德州局透视,系统教程(好像存在有挂);1、该软件可以轻松地帮助玩家将...
辅助透视!wpk控制牌是真的吗... 辅助透视!wpk控制牌是真的吗,wpk俱乐部辅助器,教你攻略(总是是有挂);1、每一步都需要思考,不...
透视计算!wpk透视是真的假的... 透视计算!wpk透视是真的假的,wpk模拟器是什么,可靠技巧(本来真的有挂);1、不需要AI权限,帮...
透视软件!wpk辅助插件,wp... 透视软件!wpk辅助插件,wpk辅助插件,玩家教你(确实是有挂)所有人都在同一条线上,像星星一样排成...
透视黑科技!wpk德州局怎么透... 透视黑科技!wpk德州局怎么透视,wpk透视辅助靠谱吗,德州教程(切实真的有挂)1、进入游戏-大厅左...
透视工具!如何判断wpk辅助软... 透视工具!如何判断wpk辅助软件的真假,wpk作弊,第三方教程(切实真的是有挂)1、玩家可以在如何判...
透视透视!wpk模拟器,wpk... 透视透视!wpk模拟器,wpk真的有透视嘛,详细教程(原来是有挂);1、wpk真的有透视嘛ai辅助优...
透视辅助!wpk系统是否存在作... 透视辅助!wpk系统是否存在作弊行为,如何判断wpk辅助软件的真假,第三方教程(竟然是真的有挂);运...
透视辅助!wpk控制牌是真的吗... 透视辅助!wpk控制牌是真的吗,wpk刷入池率脚本,黑科技教程(原来存在有挂);该软件可以轻松地帮助...
辅助透视!wpk辅助哪里买,w... 辅助透视!wpk辅助哪里买,wpk德州局透视,教你教程(总是是有挂)运wpk德州局透视辅助工具,进入...