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

在另一个组件中路由数据

商振
2023-03-14

我有一些这样的路线

{
    path: 'new-url/:Id',
    component: NewUrlComponent,
    data: { heading: 'NewUrlComponent' }
}

在NewUrlComponent中,我可以像这样轻松地获取数据

 this.heading = this.route.snapshot.data.heading;

我遇到的问题是我在屏幕上有另一个组件,不知何故,我需要在另一个组件中显示该数据标题。我不知道这有可能吗?

共有1个答案

郎曜文
2023-03-14
Class NewUrlComponent {
  ngOnInit() { 
  this.service.headingData = this.route.data.heading;
  }
}
 类似资料:
  • 我使用Reavt V6路由。 我正在努力让我的路线在游戏组件中工作。 在完全空白的页面中查看/测试结果。而它应该在gamecomponent中加载犯罪模块。访问/呈现gamecomponent,但/test不会呈现gamecomponent及其内部的路由。 我怎样才能让它工作? 访问url/crime会导致被加载,并且 应该上膛了。 app.js 专用路线: 游戏成分:

  • 我在使用Vue路由器将数据从一个组件传递到另一个组件时遇到问题。 我在主组件中有此模板: 在我的组件中,我有以下数据功能: 第二个链接将发送到名为的组件。 如何将数据从传递到,然后显示在那里? 谢谢

  • 我试图在我的reactjs应用程序中使用react路由器。而我遇到了这个问题: 然而: > 当我单击“LinkTest”组件内的链接(前面已经呈现)时,浏览器上的url显示为“http://localhost:3000/home/test”,但没有任何变化。 当我单击“home”组件内的链接时(它与使用相同链接的“linktest”同时呈现),它在浏览器上显示了相同的url:“http://loc

  • 基于Angular 2的文档,您可以使用@Input轻松地将数据从一个组件传递到另一个组件。 例如,我可以这样设置父对象: 然后按如下方式获取子组件中的数据: 很明显,将传递给父组件的模板(当然是在子选择器中),并将它们处理到子组件中。 但问题是。 我的子组件DOM元素(在本例中

  • 我正在学习React,在遵循几个教程的同时,我想回去学习如何使其成为D.R.Y,因此给出了以下app.js: app.js 我注意到,路线也被复制到我用来声明侧栏标题的路径中: 侧边ata.js: 考虑到代码被复制,我一直在尝试映射路由组件声明中的组件: 尝试1: 但我得到一个错误,并注意到调用组件时它不起作用,在VSC中,我的组件带来了: 它们变灰了。 尝试2: 我想也许我可以在中通过引入组件来