title: Reference to an alias component in Angular 2
body: <p>I'm facing a problem in <strong>Ionic 2</strong>. I would to push a new view by getting a <strong>reference/alias</strong> to the component page.</p>
  
  <p>On my parent class (SettingsPage), I try to push a new page :</p>
  
  <pre><code>&lt;ion-item [navPush]="addon.settingsLandingClss"&gt;
      {{ addon.name }}
      &lt;ion-icon name="arrow-forward" item-right&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>Parent class (SettingsPage) TypeScript :</p>
  
  <pre><code>import * as Mapping from '[...]';
  
  export class SettingsPage {
       public addon: Mapping.AddonMapModel;
       constructor() {
            this.addon = Mapping.AddonMap;
       }
  }
  </code></pre>
  
  <p>I'm storing the page component as 'settingsLandingClss' key:</p>
  
  <pre><code>// Importing page component
  import { MyComponentPage }  from '...';
  
  export interface AddonMapModel {
      name: string,
      settingsLandingClss: any
  }
  
  export const AddonMap = { 
       name: 'Test', 
       settingsLandingClss: MyComponentPage // &lt;--- Reference to component page
   }
  </code></pre>
  
  <p>Note: When I import MyComponentPage on my parent class, it's works.</p>