将数据传递到另一条路由而不会弄乱URL

Question

免责声明：我是菜鸟..对不起

假设我有两个兄弟姐妹不同的组成部分：

comp1 and comp2

我希望使用大量数据将数据从comp1路由到comp2。 如何在不获取包含所有内容的丑陋网址栏的情况下实现这一目标？

我尝试使用一个单独的类，将其称为DataTransmitter ：

data-transmitter.js:
export class DataTransmitter {
    constructor() {
    this.val= "a";
    }
}

comp1.js:
import { DataTransmitter } from './data-transmitter';

@inject(DataTransmitter)
export class comp1{
    constructor(DataTransmitter){
        this.DataTransmitter = DataTransmitter;
    }

    someMethod(){
        this.DataTransmitter.val = "b";
        console.log('comp1: ' + this.DataTransmitter.val);
    }
}


comp2.js:
import { DataTransmitter } from './data-transmitter';

@inject(DataTransmitter)
export class comp2{
    constructor(DataTransmitter){
        this.DataTransmitter = DataTransmitter;
    }

    someMethod(){
        console.log('comp2: ' + this.DataTransmitter.val);
    }
}

这给了我输出：

comp1: b
comp2: a

我也尝试过弄乱EventAggregator，但没有成功。

是否有某种方法可以在没有网址的情况下使用看起来像site/comp2?data=stuff&things=otherstuff&params=values&more=etc参数进行路由？

Answer 1

您绝对希望使用单例类，然后将其注入需要数据的任何组件中。 Gaby发布的链接肯定是您想要做的。

您发布的代码不起作用的原因是，您尝试使用inject装饰器，但没有导入它。 请在此处查看此工作示例，以了解您要在Gist.run上执行的操作。 我有两个组件，您可以单击以在它们之间路由并设置值。 当您来回导航时，您会注意到设置值仍然保留。