无需维修即可在两个模块中的两个组件之间传递数据

Question

如何在两个组件之间的两个组件之间传递数据。

我有两个模块。 1. IssueModule 2. RuleModule 我正在从“规则模块”组件中导航以创建issue（IssueModule）组件。 我需要传递大量数据以从规则模块传递到发布模块。 我不应该使用Service.ts在组件之间传递数据。

我在下面的rulecomponent.ts中使用了

this.router.navigate(
  [ISSUE_ROUTES_NAMES.ISSUES + '/' + ISSUE_ROUTES_NAMES.CREATE],
  { 
    state: { 
      queryParams: { 
        pname: this.pname, 
        pid: this.pid 
      }, 
      selectedModels: {
        'some data here'
      } 
    } 
  }
);

我能够按以下方式读取issuecomponent.ts中的数据

this.state = this.route.paramMap.pipe(map(() => window.history.state));

但是挑战是在页面刷新/从状态重新加载后，我正在丢失数据。 另一个挑战是如何在不更改路由的情况下将queryparams设置为当前路由。

请让我知道任何人都可以回答。