Configure app component

src/app/app.component.ts

@@ -2,21 +2,28 @@ import { Component } from '@angular/core';
 import { Platform } from 'ionic-angular';
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
+import { Task } from '../models/Task';
 
-import { HomePage } from '../pages/home/home';
 @Component({
-  templateUrl: 'app.html'
+	templateUrl: 'app.html'
 })
 export class MyApp {
-  rootPage:any = HomePage;
+	rootPage;
 
-  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
-    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.
-      statusBar.styleDefault();
-      splashScreen.hide();
-    });
-  }
+	constructor(
+		platform: Platform,
+		statusBar: StatusBar,
+		splashScreen: SplashScreen,
+	) {
+		platform.ready().then(() => {
+			statusBar.styleDefault()
+
+			Promise.all([
+				Task.prepare()
+			])
+				.then(() => this.rootPage = 'tasks')
+				.then(() => splashScreen.hide())
+		})
+	}
 }
 

src/app/app.html

@@ -1 +1 @@
-<ion-nav [root]="rootPage"></ion-nav>
+<ion-nav *ngIf="rootPage" [root]="rootPage"></ion-nav>