当前位置: 首页 > 知识库问答 >
问题:

来自组件内部的角度传递路径数据

王岳
2023-03-14

我想要做的是将数据传递给从insid路线

应用程序组件ts中,我有这个

this.router.events.subscribe(event => {
  if (event instanceof RoutesRecognized) {
    let current_route = event.state.root.firstChild;
    const title = current_route?.data.title;
    this.titleService.setTitle(title);
  }
});

那么这样的路线

  { path: 'confirm-registration/:code', component: HomeComponent,canActivate:[HomeGuard],data:{title:'title.landing_page'} },
  { path: 'u/:user', component: ProfileComponent},

在profile组件中,我需要以某种方式将标题传递给route。。

我尝试将其放在ngOnInit中,但它不起作用

this.router.navigate([decodeURI(this.router.url)],{state: {title: "Test Title"}});

因此,我想问,是否有可能以某种方式实现这一目标。

我试着跟着

let currentRoutes = this.router.config;
currentRoutes[1].data = {title: res.data.name};
this.router.resetConfig(currentRoutes);
this.router.navigate([this.router.url]);

它成功地改变数据,但有问题,所以它只是保持无限导航

共有1个答案

於英朗
2023-03-14

不应该在ngOnInit(),其lifecy

如果您正在路由一个按钮点击,那么最好编写一个函数来运行点击事件,在该函数内部,应该粘贴这一行。

 类似资料:
  • 在我的Angular 2路由的一个模板(FirstComponent)中,我有一个按钮 first.component.html 我的目标是实现: 按钮点击->route to另一个组件,同时保留数据,而不使用另一个组件作为指令。 这是我试过的... 第一种方法 在同一个视图中,我存储、收集基于用户交互的相同数据。 First.Component.TS 通常通过ID路由到SecondCompone

  • 我在角度4中使用路由时遇到了一点问题。你知道,当我尝试使用将数据从一个组件传递到另一个组件时,我刚刚收到了。 组成部分 界面 发送方法

  • 我正在研究这个angular2项目,其中我使用从一个组件导航到另一个组件。 有两个组件。i、 例如, 我想从PagesComponent导航到DesignerComponent。 到目前为止其路由正确但我需要通过 我尝试使用RouteParams,但它的获取页面对象。 下面是我的代码: 页面.组件. ts 在html中,我正在执行以下操作: 在 DesignerComponent 构造函数中,我完

  • 我无法将组件中的变量绑定为具有角度4的模式。此代码的工作原理: 但是当我尝试添加类似的内容时: 并像这样添加: 它没有。还尝试了以下变体: 没有成功。角度4

  • 本文向大家介绍React数据传递之组件内部通信的方法,包括了React数据传递之组件内部通信的方法的使用技巧和注意事项,需要的朋友参考一下 1. 概述 脱离初级前端一段时间后会发现,写样式的时间越来越少,处理数据的时间越来越多。处理数据的过程也就是实现业务逻辑的过程,这在项目中无疑是最重要的。 所以学习前端框架,了解完基本语法后,接下来就要学习其如何进行数据传递。 Angular 设计之初的一大亮

  • 使用其他文本消息不是一个好方法,因为如果枚举中有数百个值,那该怎么办。我不会在html代码中重复枚举。