angular – 离子platform.ready()方法是必需的

我们来看看离子侧面菜单启动器模板https://github.com/ionic-team/ionic2-starter-sidemenu/blob/master/src/app/app.component.ts.

正如您在第15行的app.component.ts中所看到的,rootPage已设置并将尽快加载.在构造函数this.initializeApp();电话

this.platform.ready().then(() => {
  // Okay,so the platform is ready and our plugins are available.
  // Here you can do any higher level native things you might need.
  this.statusBar.styleDefault();
  this.splashScreen.hide();
});

与javascript中的每个承诺一样,您无法分辨它何时结算.正如您在代码中看到的那样,ionic-app并没有“等待”平台准备就绪.只有statusBar.styleDefault()和splashScreen.hide()调用才会等待该承诺.

假设需要很长时间来解决承诺,例如5秒.

如果您的主页中有任何离子本机代码,您在app.component.ts或任何其他页面中使用的任何提供程序(因为用户可能已经在该时间内浏览应用程序),离线本机调用将失败,因为平台尚未准备好.

举个例子：

constructor(public platform: Platform,public statusBar: StatusBar,public splashScreen: SplashScreen,private: qrScanner: QrScanner) {
      this.initializeApp();

      this.qrScanner.scan(); // Let's assume this is a provider we made to start a QR scanner. It will try to load the scanner immediately,regardless of the state of the platform.ready() promise. So if the platform is not ready,it will crash.

      // used for an example of ngFor and navigation
      this.pages = [
        { title: 'Home',component: HomePage },{ title: 'List',component: ListPage }
      ];

  }

这意味着理论上,在使用本机插件确保平台可用时,应始终使用this.platform.ready().在实践中,它实际上取决于具体情况,因为通常平台准备得非常快,如果您不使用它,您将不会注意到任何差异.但如果你想确定,你应该到处使用它.