1

我试图从这个应用程序中的离子本地存储中检索一些数据，该应用程序是用 IONIC 和 ANGULAR 制作的。仍然看不到我正在忽略的内容，但是一旦触发该过程，数据就不会暴露。

假设我以这种方式安装了所有必需的插件后，在我的离子存储中设置了数据：

DataStorageService

import { Storage } from "@ionic/storage";

allMoviesfavorites: MovieSelectedDetails[] = [];

  saveAtStorage(movieToSave: MovieSelectedDetails) {
     ....asigning some value to variable allMoviesfavorites...

     this.storage.set("favorites", this.allMoviesfavorites);
  }

同样在同一个服务中，我建立了以这种方式检索它的方法

DataStorageService

import { Storage } from "@ionic/storage";

 allMoviesfavorites: MovieSelectedDetails[] = [];

constructor( private storage: Storage ) { this.loadfavoritesinStorage(); }
 
OPTION1
loadfavoritesinStorage() {
    this.storage.get("favorites").then((result) => {
      if (result == null) {
        result = [];
      }
      this.allMoviesfavorites = result;
      
    });

    return this.allMoviesfavorites;
  }

OPTION 2
 async loadfavoritesinStorage() {
    return this.storage.get("favorites").then((result) => {

       if (result == null) {
        result = [];
      }
      this.allMoviesfavorites =  result;
      console.log(result);
      

      return this.allMoviesfavorites;
    });
  }

如您所见，只需到达我在那里设置的所有数据的本地存储容器，一旦到达那里，无论我得到什么结果，都会将其分配给变量 allMoviesFavorite，该变量先前已初始化为空数组。

然后在元素上，我想公开我在 ngOnInit 方法上触发的数据. 我还记录了所有数据以进行检查，但我没有收到任何数据

Tab

import { DataStorageService } from "../services/data-storage.service";


moviesInFavorites: MovieSelectedDetails[] = [];
  constructor(private storageservice: DataStorageService) {}

  ngOnInit() {
    this.getFavorites();
  }

  async getFavorites() {
    let moviesInFavorites = await this.storageservice.loadfavoritesinStorage();
    console.log(moviesInFavorites);
    return (this.moviesInFavorites = moviesInFavorites);
  }

在此处输入图像描述 在此处输入图像描述

我该如何改善这个问题？

4

1 回答 1

1

问题是您在allMoviesfavorites从存储中加载数据的异步代码完成之前返回。

这应该有效：

loadfavoritesinStorage() {
  return this.storage.get("favorites").then((result) => {
    if (result == null) {
      result = [];
    }

    this.allMoviesfavorites = result;
    
    return this.allMoviesfavorites; // <-- add the return here!      
  });
}
于 2020-11-11T17:34:00.107 回答