title: Ionic 2 Tabs reset view when clicking another tab
body: <p>Wondering how I can do this. When using ionic tabs, lets say I have a simple structure like</p>
  
  <pre><code>Home
  About
  Product -&gt; Product Info
  </code></pre>
  
  <p>In my Products page (product.ts) I have something like</p>
  
  <pre><code>viewItem(payload) {
  this.navCtrl.push(ResultPage, {
    data: payload
  });
  }
  // ^ Pass data to new Product info page. 
  </code></pre>
  
  <p>The product info page loads fine all data passes in and I get a back arrow in the nav bar. </p>
  
  <p>Now if I click another tab like About and go back to Product it still shows the pushed Product Info page. </p>
  
  <p>How can I get it to reset back to the Product page when I leave the view and navigate back?</p>
  
  <p>Update: </p>
  
  <p>If I do this </p>
  
  <pre><code>ionViewDidLeave() {
  this.viewCtrl.dismiss().catch(() =&gt; console.log('Some bug going on..'));
  }
  </code></pre>
  
  <p>Works, but have to catch the error otherwise returns </p>
  
  <pre><code>Runtime Error Uncaught (in promise): false 
  </code></pre>
  
  <p>Looks like its a bug  - <a href="https://github.com/driftyco/ionic/issues/10046" rel="nofollow noreferrer">https://github.com/driftyco/ionic/issues/10046</a></p>
  
  <p>If anyone has any other suggestion its much appreciated. </p>