页面刷新后保存并保留下拉值 PrimeNG

Question

Answer 1

这个问题已经在这里得到解答 https://stackoverflow.com/a/77264800/15563603 另外，它是使用一个服务文件，将 ngOnDestroy 处的下拉列表的值设置为该文件并订阅它以获取 ngOnInit 上的数据

Answer 2

首先，要在 localStorage 中设置（或获取）一个 javascript 对象，请使用

JSON.stringify

（或

JSON.parse

）方法。

然后，在

ngOnInit

方法中，您应该只获取存储在 localStorage 中的值，并且不能像代码中那样更新它。

所以这个方法就变成了：

  ngOnInit() {
    // get localStorage value
    this.selectedCity2 = JSON.parse(localStorage.getItem('key'));
  }

最后，每次您在 dropdown 元素中选择一个项目时，您都必须像这样更新它在 localStorage 中的值：

  saveInLocalStorage() {
    // update localStorage value
    localStorage.setItem('key', JSON.stringify(this.selectedCity2));
  }