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'); } }

相关内容

热门资讯

透视挂透视!wepoke有挂,... 透视挂透视!wepoke有挂,wepoke辅助有挂吗,详细透视微扑克教程;1、完成wepoke辅助有...
aapoker有猫腻!wpk俱... aapoker有猫腻!wpk俱乐部外挂(透视)原生是真的有挂(详细辅助德州教程)(1)aapoker...
wpk真的有外挂!扑克时间可以... wpk真的有外挂!扑克时间可以控制吗(透视)其实存在有挂(详细辅助教你攻略);人气非常高,ai更新快...
透视透视!we辅助poker德... 透视透视!we辅助poker德之星,wepoke怎么使用模拟器,详细透视详细教程运we辅助poker...
wepoke的确有挂!fish... wepoke的确有挂!fishpoker app辅助(透视)竟然有挂(详细辅助2025新版教程)是一...
透视能赢!wepokeai机器... 透视能赢!wepokeai机器人,we poke有挂吗,详细透视插件教程1、进入游戏-大厅左侧-新手...
透视新版!wepoke一定有挂... 透视新版!wepoke一定有挂,wepoke黑科技,详细透视2025教程1)wepoke一定有挂辅助...
wepokeai代打!鱼扑克有... wepokeai代打!鱼扑克有挂吗(透视)往昔是真的有挂(详细辅助揭秘攻略)是一款可以让一直输的玩家...
透视美元局!wepoke智能a... 透视美元局!wepoke智能ai,wepoke管理员,详细透视安装教程;1、wepoke智能aiai...
德州之星有辅助挂!微扑克ai人... 德州之星有辅助挂!微扑克ai人工智能(透视)原本有挂(详细辅助总结教程)是一款可以让一直输的玩家,快...