title: Ionic 2 passing tabs NavParams to tab
body: <p>I'm starting out on creating my first app using Ionic 2 and through a lot of trial and error have got to a point where no number of Google searching can find anything to help.</p>
  
  <p>I'm trying to pass some NavParams to a tab. The NavParams are available in the parent tabs page:</p>
  
  <pre class="lang-js prettyprint-override"><code>@Page({
      templateUrl: 'build/pages/tabs/tabs.html'
  })
  export class TabsPage {
    constructor(params: NavParams) {
  
        this.params = params;
        console.log(this.params); // returns NavParams {data: Object}
  
        // this tells the tabs component which Pages should be each tab's root Page
        this.tab1Root = Tab1;
        this.tab2Root = Tab2;
        this.tab3Root = Tab3;
      }
  }
  </code></pre>
  
  <p>But I cannot seem to get the NavParams within a tab itself:</p>
  
  <pre class="lang-js prettyprint-override"><code>@Page({
      templateUrl: 'build/pages/tab1/tab1.html'
  })
  export class Tab1 {
      constructor(nav: NavController, params: NavParams, platform: Platform) {
          this.nav = nav;
          this.params = params;
          this.platform = platform;
  
          console.log(this.params); // returns NavParams {data: null}
      }
  }
  </code></pre>
  
  <p>I'm just not entirely sure how to pass the params from the tabs page to the tab itself or somehow request a param from the tab parent. I assume something like:</p>
  
  <pre class="lang-js prettyprint-override"><code>this.tab1Root = Tab1(this.params);
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>