将上一页的状态保持在 Angular 10

Question

我正在读取组件 A 中的数据，路由到组件 B 并将数据作为附加项传递。组件 B 现在在其实例范围内具有此数据。然后我将此数据传递给组件 C 并对该数据执行一些操作。如果我现在通过返回页面 return 到组件 B，我从 A（我的状态）收到的数据不再存在。

我的问题：如何保持B的状态？

Answer 1

您可以将您的数据存储在共享服务中，因为它们是单例的类，数据将一直存在，直到您的应用程序被销毁。

@Injectable({
  providedIn: 'root',
})
export class MyService {
  data = '';
}

export class OneComponent implements OnInit {
  constructor(private myService: MyService){};

  ngOnInit(): void {
    this.myService.data = "I'm not going anywhere!"
  }
}

将上一页的状态保持在 Angular 10

Keep state of previous page in Angular 10

javascript

angular

angular-state-managmement