在Ionic2中切换视图太慢

Question

我正在构建一个Ionic应用程序，我已经构建了50％的项目，起初我使用了ionic start MyProject sidemenu自动生成的sidemenu模板，然后我添加了自己的页面和之后的组件。

在浏览器视图中应用程序很棒，然后我将我的应用程序部署到Android设备，部署成功当我启动应用程序时，我觉得应用程序很慢，但是当我切换到某个视图时，它花了5-10秒打开新页面。

我观察了服务器端和应用程序之间的流量，并观察到应用程序没有切换到新页面，直到请求返回并呈现视图！

任何帮助？

Answer 1

首先尝试切换到您的视图，然后在应用程序生命周期中使用ionViewWillEnter（）或其他内置离子API。

ionViewWillEnter将在每次加载视图时拉取数据，其中

ionViewDidLoad将仅在第一次加载时拉页面。

  ionViewDidLoad() {
    console.log('ionViewDidLoad SplashPage');
  }

Answer 2

如果您使用终端创建页面

，请不要说明您正在使用哪种版本的离子，但是在离子3中

 ionic g page MyPage

它会自动将页面创建为模块。这允许延迟加载。您可以在其上阅读更多信息here form ionic的官方博客文章。

由于您没有添加导航代码，因此很难确切地说明为什么视图仅在它到达服务器后加载。在推送到下一页之前，可能存在等待服务器响应的代码块。

如果您的视图取决于从服务器接收的数据，那么您的请求应该在new Promise中，允许您在触摸数据之前和/或之后添加条件。