如果组件是不相关的，一个简单的方法就是将变量从一个组件发送到另一个组件。为此，您需要一个服务，如：

import { Injectable, EventEmitter } from '@angular/core';
import { Subscription } from 'rxjs/internal/Subscription';

@Injectable({
  providedIn: 'root'
})
export class SharedParamsService {

  invokeFirstComponentFunction = new EventEmitter();
  subsVar: Subscription;

  constructor() { }

  onUpdateEnv(key, val) {
    var toEmit = [key, val]
    this.invokeFirstComponentFunction.emit(toEmit);
  }
}

在发出变量的组件中：

• 导入共享参数服务
• 在构造函数中声明私有sharedParams：SharedParamsService，然后在代码中，您已经准备好发出变量：

onUpdateEnv（“点击的日期”，点击的日期）;
在需要接收变量的组件中：

• 导入共享参数服务
• 在构造函数中声明私有sharedParams：共享参数服务

subsVar =这个. sharedParams.invokeFirstComponentFunction .subscribe（（发出的）=〉{如果（发出的[0] ==“点击日期”）{这个.点击日期接收的=发出的[1];} }）;

基于你所说的问题@s_frix，
需要接收的组件当前具有以下内容：

import { SharedParamsService } from 'src/app/components/charts/testcomponent';

//Other not important code left out obviously between this

//if dayClickedReceived: any; is added and console logged in ngOnInit() it will show "undefined"

  constructor(private http : HttpClient,
    private globalvars: GlobalvarsService, //not important
           private adapter: DateAdapter<any>, //not important 
    private datePipe: DatePipe, //not important
  private sharedParams: SharedParamsService) { console.log(this.urlDate); }
//ignore the console log that's for something else
              
  ngOnInit(): void {
  this.sharedParams.subsVar = this.sharedParams.invokeFirstComponentFunction .subscribe((emitted) => { if (emitted[0] == "Day clicked") { this.dayClickedReceived = emitted[1]; } });
}

获取错误："属性'dayClickedReceived'不存在..."如果我创建了它并在控制台记录它，当我切换到需要接收的页面时，它会返回为"未定义"。（当我发送事件时，我确实直接获得了正确的控制台日志，但这没有用，因为我需要在其他页面上使用它，当我转到该页面时，dayClickedReceived再次未定义）
基本上，当我在需要发送变量并使其运行的页面上时，需要发生什么，然后我单击另一个页面（需要接收变量），在那里我想使用变量的内容

我是这样让它工作的：

//Service:
import { Injectable, EventEmitter } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class SharedParamsService {

  message: string
  
  constructor() { }
  setMessage(data)
  {
    this.message=data
  }
  getMessage() {
    return this.message
  }

}

//Sending component:
message: any;

 constructor(private sharedParams: SharedParamsService){}

//when the action happens and variable needs to be send
this.sharedParams.setMessage(this.dayClicked);

//Receiving component:
message: any;

constructor(private sharedParams: SharedParamsService){}

 ngOnInit(): void {
    this.message = this.sharedParams.getMessage(); 
}
//now this.message is the correct variable that I sent and that I will use in this component later on

谢谢大家的回答，真的很感激！：）