问题描述： 在Angular中，当从另一个组件传递数据到当前组件时，当页面重新加载时，该数据变为未定义。

解决方法：

1. 使用路由参数传递数据： 在发送数据的组件中，使用路由导航器的navigate方法来传递数据，将数据作为路由参数传递给目标组件。在接收数据的组件中，通过订阅路由参数的变化，来获取传递的数据。

   发送数据的组件：

   import { Router } from '@angular/router';
   
   constructor(private router: Router) {}
   
   sendData() {
     const data = 'Hello World';
     this.router.navigate(['/target-component'], { queryParams: { data: data } });
   }
   

   接收数据的组件：

   import { ActivatedRoute } from '@angular/router';
   
   data: string;
   
   constructor(private route: ActivatedRoute) {}
   
   ngOnInit() {
     this.route.queryParams.subscribe(params => {
       this.data = params['data'];
     });
   }
   

2. 使用本地存储： 在发送数据的组件中，将数据保存到本地存储（localStorage或sessionStorage）中。在接收数据的组件中，从本地存储中获取数据。

   发送数据的组件：

   sendData() {
     const data = 'Hello World';
     localStorage.setItem('data', data);
   }
   

   接收数据的组件：

   data: string;
   
   ngOnInit() {
     this.data = localStorage.getItem('data');
   }
   

3. 使用服务： 创建一个共享服务，用于在组件之间共享数据。在发送数据的组件中，将数据保存到服务中。在接收数据的组件中，从服务中获取数据。

   共享服务：

   import { Injectable } from '@angular/core';
   
   @Injectable()
   export class DataService {
     data: string;
   }
   

   发送数据的组件：

   constructor(private dataService: DataService) {}
   
   sendData() {
     this.dataService.data = 'Hello World';
   }
   

   接收数据的组件：

   constructor(private dataService: DataService) {}
   
   ngOnInit() {
     this.data = this.dataService.data;
   }
   

以上是几种常见的解决方法，具体使用哪种方法取决于你的需求和架构设计。