add lazy load for all pages in template

src/app/app.component.ts

@@ -3,9 +3,6 @@ import { Config, Platform } from 'ionic-angular';
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
 
-import { TabsPage } from '../pages/tabs/tabs';
-import { LoginPage } from '../pages/login/login';
-
 import { User } from '../providers/user';
 
 
@@ -26,11 +23,11 @@ export class MyApp {
     platform.ready().then(() => {
       user.isAuthenticated().then(() => {
         console.log('you are authenticated!');
-        this.rootPage = TabsPage;
+        this.rootPage = 'TabsPage';
         globalActions();
       }).catch(() => {
         console.log('you are not authenticated..'); 
-        this.rootPage = LoginPage;
+        this.rootPage = 'LoginPage';
         globalActions();
       });
     });

src/app/app.module.ts

@@ -6,35 +6,15 @@ import { Camera } from '@ionic-native/camera';
 
 import { AwsConfig } from './app.config';
 import { MyApp } from './app.component';
-import { LoginPage } from '../pages/login/login';
-import { SignupPage } from '../pages/signup/signup';
-import { ConfirmPage } from '../pages/confirm/confirm';
-import { SettingsPage } from '../pages/settings/settings';
-import { AboutPage } from '../pages/about/about';
-import { AccountPage } from '../pages/account/account';
-import { TabsPage } from '../pages/tabs/tabs';
-import { TasksPage } from '../pages/tasks/tasks';
-import { TasksCreatePage } from '../pages/tasks-create/tasks-create';
 
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
 
-import { User } from '../providers/user';
-import { Cognito } from '../providers/aws.cognito';
-import { DynamoDB } from '../providers/aws.dynamodb';
+import { User, Cognito, DynamoDB } from '../providers/providers';
 
 @NgModule({
   declarations: [
     MyApp,
-    LoginPage,
-    SignupPage,
-    ConfirmPage,
-    SettingsPage,
-    AboutPage,
-    AccountPage,
-    TabsPage,
-    TasksPage,
-    TasksCreatePage
   ],
   imports: [
     BrowserModule,
@@ -43,15 +23,6 @@ import { DynamoDB } from '../providers/aws.dynamodb';
   bootstrap: [IonicApp],
   entryComponents: [
     MyApp,
-    LoginPage,
-    SignupPage,
-    ConfirmPage,
-    SettingsPage,
-    AboutPage,
-    AccountPage,
-    TabsPage,
-    TasksPage,
-    TasksCreatePage
   ],
   providers: [
     StatusBar,

src/pages/about/about.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { AboutPage } from './about';
+
+@NgModule({
+    declarations: [
+        AboutPage,
+    ],
+    imports: [
+        IonicPageModule.forChild(AboutPage),
+    ],
+    exports: [
+        AboutPage
+    ]
+})
+export class AboutPageModule {}

src/pages/about/about.ts

@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
+import { IonicPage } from 'ionic-angular';
 
+@IonicPage()
 @Component({
   selector: 'page-about',
   templateUrl: 'about.html'

src/pages/account/account.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { AccountPage } from './account';
+
+@NgModule({
+    declarations: [
+        AccountPage,
+    ],
+    imports: [
+        IonicPageModule.forChild(AccountPage),
+    ],
+    exports: [
+        AccountPage
+    ]
+})
+export class AccountPageModule { }

src/pages/account/account.ts

@@ -1,13 +1,11 @@
 import { Component, ViewChild } from '@angular/core';
-
-import { Config, LoadingController, NavController } from 'ionic-angular';
-
+import {IonicPage, Config, LoadingController, NavController } from 'ionic-angular';
 import { Camera, CameraOptions } from '@ionic-native/camera';
-
 import { DynamoDB, User } from '../../providers/providers';
 
 declare var AWS: any;
 
+@IonicPage()
 @Component({
   selector: 'page-account',
   templateUrl: 'account.html'

src/pages/login/login.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { LoginPage } from './login';
+
+@NgModule({
+    declarations: [
+        LoginPage,
+    ],
+    imports: [
+        IonicPageModule.forChild(LoginPage),
+    ],
+    exports: [
+        LoginPage
+    ]
+})
+export class LoginPageModule { }

src/pages/login/login.ts

@@ -1,10 +1,7 @@
 import { Component } from '@angular/core';
 
-import { NavController, LoadingController } from 'ionic-angular';
+import {IonicPage, NavController, LoadingController } from 'ionic-angular';
 
-import { TabsPage } from '../tabs/tabs';
-import { SignupPage } from '../signup/signup';
-import { ConfirmPage } from '../confirm/confirm';
 
 import { User } from '../../providers/providers';
 
@@ -13,6 +10,7 @@ export class LoginDetails {
   password: string;
 }
 
+@IonicPage()
 @Component({
   selector: 'page-login',
   templateUrl: 'login.html'
@@ -38,19 +36,19 @@ export class LoginPage {
     this.user.login(details.username, details.password).then((result) => {
       console.log('result:', result);
       loading.dismiss();
-      this.navCtrl.setRoot(TabsPage);
+      this.navCtrl.setRoot('TabsPage');
     }).catch((err) => { 
       if (err.message === "User is not confirmed.") {
         loading.dismiss();
-        this.navCtrl.push(ConfirmPage, { 'username': details.username });
+        this.navCtrl.push('ConfirmPage', { 'username': details.username });
       }
       console.log('errrror', err);
       loading.dismiss();
     });
   }
 
   signup() {
-    this.navCtrl.push(SignupPage);
+    this.navCtrl.push('SignupPage');
   }
 
 }

src/pages/settings/settings.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { SettingsPage } from './settings';
+
+@NgModule({
+    declarations: [
+        SettingsPage,
+    ],
+    imports: [
+        IonicPageModule.forChild(SettingsPage),
+    ],
+    exports: [
+        SettingsPage
+    ]
+})
+export class SettingsPageModule { }

src/pages/settings/settings.ts

@@ -1,25 +1,23 @@
 import { Component } from '@angular/core';
-import { App } from 'ionic-angular';
-import { LoginPage } from '../login/login';
-import { AboutPage } from '../about/about';
-import { AccountPage } from '../account/account';
+import {IonicPage, App } from 'ionic-angular';
 
 import { User } from '../../providers/providers';
 
+@IonicPage()
 @Component({
   templateUrl: 'settings.html'
 })
 export class SettingsPage {
 
-  public aboutPage = AboutPage;
-  public accountPage = AccountPage;
+  public aboutPage = 'AboutPage';
+  public accountPage = 'AccountPage';
 
   constructor(public user: User, public app: App) {
   }
 
   logout() {
     this.user.logout();
-    this.app.getRootNav().setRoot(LoginPage);
+    this.app.getRootNav().setRoot('LoginPage');
   }
 
 }

src/pages/signup/signup.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import {SignupPage} from './signup';
+
+@NgModule({
+    declarations: [
+        SignupPage,
+    ],
+    imports: [
+        IonicPageModule.forChild(SignupPage),
+    ],
+    exports: [
+        SignupPage
+    ]
+})
+export class SignupPageModule { }

src/pages/signup/signup.ts

@@ -1,9 +1,6 @@
 import { Component } from '@angular/core';
 
-import { NavController, LoadingController } from 'ionic-angular';
-
-import { LoginPage } from '../login/login';
-import { ConfirmPage } from '../confirm/confirm';
+import {IonicPage, NavController, LoadingController } from 'ionic-angular';
 
 import { User } from '../../providers/user';
 
@@ -13,6 +10,7 @@ export class UserDetails {
     password: string;
 }
 
+@IonicPage()
 @Component({
   selector: 'page-signup',
   templateUrl: 'signup.html'
@@ -42,15 +40,15 @@ export class SignupPage {
     this.user.register(details.username, details.password, {'email': details.email}).then((user) => {
       console.log('hooray', user);
       loading.dismiss();
-      this.navCtrl.push(ConfirmPage, { username: details.username });
+      this.navCtrl.push('ConfirmPage', { username: details.username });
     }).catch((err) => {
       loading.dismiss();
       this.error = err;
     });
   }
 
   login() {
-    this.navCtrl.push(LoginPage);
+    this.navCtrl.push('LoginPage');
   }
 
 }

src/pages/tabs/tabs.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { TabsPage } from './tabs';
+
+@NgModule({
+    declarations: [
+        TabsPage,
+    ],
+    imports: [
+        IonicPageModule.forChild(TabsPage),
+    ],
+    exports: [
+        TabsPage
+    ]
+})
+export class TabsPageModule { }

src/pages/tabs/tabs.ts

@@ -1,15 +1,14 @@
 import { Component } from '@angular/core';
+import { IonicPage } from 'ionic-angular';
 
-import { SettingsPage } from '../settings/settings';
-import { TasksPage } from '../tasks/tasks';
-
+@IonicPage()
 @Component({
   templateUrl: 'tabs.html'
 })
 export class TabsPage {
 
-  tab1Root = TasksPage;
-  tab2Root = SettingsPage;
+  tab1Root = 'TasksPage';
+  tab2Root = 'SettingsPage';
 
   constructor() {
 

src/pages/tasks-create/tasks-create.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { TasksCreatePage } from './tasks-create';
+
+@NgModule({
+    declarations: [
+        TasksCreatePage,
+    ],
+    imports: [
+        IonicPageModule.forChild(TasksCreatePage),
+    ],
+    exports: [
+        TasksCreatePage
+    ]
+})
+export class TasksCreatePageModule { }

src/pages/tasks-create/tasks-create.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
-import { NavController, NavParams, ViewController, Platform } from 'ionic-angular';
+import { IonicPage, NavController, NavParams, ViewController, Platform } from 'ionic-angular';
 
+@IonicPage()
 @Component({
   selector: 'page-tasks-create',
   templateUrl: 'tasks-create.html'
@@ -15,9 +16,9 @@ export class TasksCreatePage {
 
 
   constructor(public navCtrl: NavController,
-              public navParams: NavParams,
-              public viewCtrl: ViewController,
-              public platform: Platform) {
+    public navParams: NavParams,
+    public viewCtrl: ViewController,
+    public platform: Platform) {
     this.isAndroid = platform.is('android');
     this.item = {
       'taskId': navParams.get('id'),
@@ -34,7 +35,7 @@ export class TasksCreatePage {
     this.viewCtrl.dismiss();
   }
 
-  done() { 
+  done() {
     this.viewCtrl.dismiss(this.item);
   }
 }