title: Ionic setting up subpages
body: <p>I am trying to set up an app with multiple screens and some screens should have sub screens. the tabs are working fine and linking up with the correct template but the subpages are not working. i cant even browse to the set urls. when i click on the icons it goes  to the default i have set in the otherwise method.</p>
  
  <p><strong>APP JS File</strong></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.home', {
     url: '/home',
        views: {
        'tab-home': {
         templateUrl: 'templates/tab-home.html',
         controller: 'HomeCtrl'
        }
     }
  })
  
  .state('tab.aboutApps', {
     url: '/aboutApps',
     views: {
       'tab-aboutApps': {
        templateUrl: 'templates/tab-aboutApps.html'
      }
    }
  })
  .state('tab.aboutApps.pricing', {
     url: '/aboutApps/pricing',
     views: {
       'detail-pricing': {
           templateUrl: 'templates/detail-pricing.html'
       }
     }
  })
  .state('tab.aboutApps.features', {
      url: '/features',
      views: {
         'detail-features': {
            templateUrl: 'templates/detail-features.html'
         }
      }
  })
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ion-item class="text-wrap" href="#/tab/aboutApps/features"&gt;
      &lt;p&gt;Features&lt;/p&gt;
      &lt;ion-nav-view title="Features" name="detail-features" class="text-wrap"&lt;/ion-nav-view&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="text-wrap" href="#/tab/aboutApps/pricing"&gt;
      &lt;p&gt;Pricing&lt;/p&gt;
      &lt;ion-nav-view title="Pricing" name="detail-priceing" class="text-wrap"&gt;&lt;/ion-nav-view&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>i am new to ionic and dont see why this wont work. i am thinking that there is a problem in creating the path or url</p>