title: Ionic 3 page reference in app.component
body: <p>I have recently upgraded to ionic 3 implementing the <code>IonicPageModule</code> for navigation. The <code>push</code> and <code>setRoot</code> works for all navigating however i am stuck at the trying to reference the pages in the <code>app.component.ts</code> </p>
  
  <p>Normally i would reference the page from the import like so</p>
  
  <pre><code>this.rootPage = user ? ProgramsPage : LoginPage;
  </code></pre>
  
  <p>Where <code>LoginPage</code> and <code>ProgramPage</code> are declared in the <code>app.module.ts</code></p>
  
  <p>However in the new angular 4 / ionic 3 setup references to the "pages" are referenced with strings without an import in the related <code>page.ts</code> and seemly integrated with the <code>navCtrl</code>'s push and set</p>
  
  <p>I have tried</p>
  
  <pre><code>import { LoginPageModule } from '../pages/login/login.module';
  </code></pre>
  
  <p>But that does not make sense.</p>
  
  <p>I figured the whole point of creating modules per page was to firstly enalble lazy loading but also minimize the <code>import</code> code on pages without having to create a config export class. </p>
  
  <p>And the thing is you cannot declare the <code>LoginPage</code> twice and seeing as though it is already declared as a module through the <code>IonicPageModule</code> one cannot add that export class again.</p>
  
  <p><em>So just wondering how do you reference a ionic 3 page module when you want to apply logic?</em></p>