如何使从父组件中选择的值仍在angualr4的子组件中

Question

我有一个父组件，在该组件中，我使用REST来显示值。我从下拉列表中选择一个值，该值在边栏中，路由子组件后，我需要从父组件中选择相同的值。侧边栏中的相同位置 可能吗 ？

 { path : 'one', component : RunTemp1Component,
  children:[
    { path : 'chart1', component :testComponent,pathMatch:'full'}
    ]}

这是我的路线

Answer 1

一种使用全局服务的方式是向您app.module.ts

添加此服务的提供

DataService

 @Injectable()
    export class DataService {

       public selectedValue:any;

      constructor() { }

    }

将此服务注入到您的父子组件中，当您从选择元素中选择一个值时，将所选值放在selectedValue属性中，因此当您进入子组件时，将从此服务中获取值。

使用路由参数和使用 activatedroute 服务

的另一种方法