javascript - Ionic Storage get 在重新加载页面之前不起作用

Question

我正在尝试从存储中“获取”一个数组，将其保存到 MaschinenArray 并生成一个 ionic 列表。我唯一的问题是，我必须在“ionic serve”命令后重新加载页面一次，否则它会显示 Maschinen = null 作为示例。

我认为如果这个函数是异步的并且之前加载 HTML 可能会出现问题，但如果我稍后通过按钮触发事件它仍然显示 null。

我在构造函数上方初始化数组:

export class MaschinenParkPage {
maschinenArray : Maschine[] = [];

constructor(private menu: MenuController, public alertCtrl: AlertController, public navCtrl: NavController, private storage: Storage) {


    this.storage.get('maschinen').then((buffer) => {

        this.maschinenArray = buffer;
    });

有什么想法吗？或者构造函数可能是初始化某些变量的错误位置？

Answer 1

是的，现在我记得我猜的问题了。我有一个类似的问题，我想根据登录详细信息登录和显示数据。

1. 首先我使用了 location.reload();登录后重新加载整个应用程序，这不是很好。

2. 然后我找到了Events from ionic angular这解决了我的问题。你可以试试这个。示例代码是，

在我订阅它的侧边栏 Controller 中

  this.events.subscribe('user:login', () => {
      this.ngOnInit();
    });

在我的登录 Controller 中

this.storage.ready().then(() => {
      this.storage.set('loginData', response).then(()=>{
        this.events.publish('user:login');
      });
    });

根据我的代码，我从 ngOnInit 中的存储中检索数据。希望这会有所帮助。