title: Ionic : how to have multiple tabs on the same template?
body: <p>I would like to have multiple ion tabs which points on the same view with just a parameter change in the URL.</p>
  
  <p>I don't manage to do that, the page loads, when I click on both tab, the browser loads /tab/dash/all...</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ion-tabs class="tabs-icon-top"&gt;
  
    &lt;!-- Dashboard Tab --&gt;
    &lt;ion-tab title="All" icon="icon ion-grid" href="#/tab/dash/all"&gt;
      &lt;ion-nav-view name="tab-articles-all"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
    &lt;ion-tab title="New" icon="icon ion-wand" href="#/tab/dash/new"&gt;
      &lt;ion-nav-view name="tab-articles-new"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
  &lt;/ion-tabs&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$stateProvider
  // setup an abstract state for the tabs directive
  .state('tab', {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/tabs.html"
  })
  
  // Each tab has its own nav history stack:
  
  .state('tab.dash', {
    url: '/dash/:filter',
    views: {
      'tab-articles-all': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      },
      'tab-articles-new': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      }}
    })
  </code></pre>
  
  <p>HTML:</p>