title: ionic 3 angular navigation from one page to another
body: <p>i am building a website which means it has multiple pages. and a global navigation which u can click to go from one page to another. </p>
  
  <p>For now say i have two pages:  Home, and Sales. From going home page to sales i did something like:</p>
  
  <pre><code>&lt;ion-icon name="briefcase" style="zoom:3;color:#d31145" [navPush]="optyPage"&gt;&lt;/ion-icon&gt;
  &lt;ion-label color="kelloggs" style="font-weight: bold"&gt;Sales&lt;/ion-label&gt;
  </code></pre>
  
  <p><strong>and in .ts</strong></p>
  
  <pre><code>import { OpportunitiesPage } from '../opportunities/opportunities'
  
  @Component({
    selector: 'page-home',
    templateUrl: 'home.html'
  })
  export class HomePage {
    optyPage = OpportunitiesPage;
  
    constructor(public navCtrl: NavController) {
  
    }
  }
  </code></pre>
  
  <p>Question is from opty page do i just do another navPush to go to home? or some other recommended way? also i don't know if i need to worry about clicking the home button while i am still on home (making to navpush calls)</p>