Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了根据异步事件在ionic2和angular2 app中设置根页面大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试启动一个基本的ionic2应用程序,并想知道我的初始应用程序加载的时间是否是一个问题.我想要做的是如果用户未经过身份验证,则将起始页面设置为登录页面.

我最初将根页面设置为主页,然后当异步调用从localstorage返回时,如果用户未经身份验证,我会将根页面重置为登录页面.然而,这导致他们看到一个页面然后被发送到另一个页面的闪烁.

看起来我想要做的就是在显示任何屏幕之前等待本地存储调用.

我的问题是这样的:现在代码会出现,是否会出现错误情况,平台准备好在根页面设置之前触发,从而导致某种问题?我应该如何处理Ionic 2和Angular 2中的这种情况?我应该将get localStorage调用同步,还是应该将其填充到Angular 2中属于应用程序或页面生命周期的另一个事件或方法中?

@R_959_10675@用某种可观察或等待语法吗?

export class MyApp {
  rootpage: any;
  local: Storage = new Storage(LocalStoragE);

  constructor(platform: Platform) {

    this.local.get('user').then(user => {
      if (user) {
        this.rootpage = TabsPage;
      } else {
        this.rootpage = LoginPage;
      }
    });

    platform.ready().then(() => {
      // Will this ever fire before the rootpage is set?
      StatusBar.styleDefault();

    });
  }
}
您不需要向本地存储添加异步调用,如下例所示:
https://github.com/RedFroggy/ionic2-nfc-app/blob/master/app/app.ts#L52

您只需检查本地存储中的用户是否存在,并将rootpage设置为HomePage或LoginPage.

大佬总结

以上是大佬教程为你收集整理的根据异步事件在ionic2和angular2 app中设置根页面全部内容,希望文章能够帮你解决根据异步事件在ionic2和angular2 app中设置根页面所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。