RC.0: How do you import/export modules into your app?

Ionic Framework ionic-v3
10

Hi all,

Here is the default example with a pages module.

PagesModule:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { AboutPage } from './about/about';
import { ContactPage } from './contact/contact';
import { HomePage } from './home/home';
import { TabsPage } from './tabs/tabs';
import { IonicModule } from 'ionic-angular';

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        IonicModule.forRoot(AboutPage),
        IonicModule.forRoot(ContactPage),
        IonicModule.forRoot(HomePage),
        IonicModule.forRoot(TabsPage)
    ],
    declarations: [
        AboutPage,
        ContactPage,
        HomePage,
        TabsPage
    ],
    exports: [
        AboutPage,
        ContactPage,
        HomePage,
        TabsPage
    ]
})
export class PagesModule { }

AppModule:

import { NgModule } from '@angular/core';
import { IonicApp, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { PagesModule } from '../pages/pages.module';

@NgModule({
  declarations: [
    MyApp
  ],
  imports: [
    PagesModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp
  ],
  providers: []
})
export class AppModule {}

Hope that helps!
-Dharsan