读写全局变量

Question

我以这种方式在MainComponent中读取路由器参数：

  ngOnInit(){
      this.activatedRoute.params.subscribe(params => {
         const id = params['id'];
         console.log(id);
     });
 }  

我需要在与MainComponent不相关的另一个组件（ContactComponent）中读取“ id”，这是我的路由：

const routes: Routes = [
{ path: 'contatti', component: ContattiComponent },
{ path: 'main/:id', component: MainComponent}
  ];

我的想法是将“ id”存储在全局变量中，然后在ContactComponent中读取该全局变量。我不知道该怎么做。

Answer 1

您有多个选择可能是shared service

想法是创建共享服务，并在该服务的MainComponent中设置一些属性，并在另一个服务中访问。因此在主组件中

this.sharedService.id=yourIdValue

和其他组件

let id=this.sharedService.id;

或者，即使您重新加载页面而不是使用localstorage，也要保留ID，因此在MainComponent中>

localStorage.set('id',yourIdValue)
然后加入其他组件

localStorage.get('id')