title: Ionic Not Loading Tab Page
body: <p>I've been bashing my head over this problem for a few days, I know it's something simplistic and that I should have noticed long ago, but for the life of me I can't figure it out.</p>
  
  <p>Simple problem: From the start page, clicking the icon for my tab switches to the correct url, but does not load the page content or controller. </p>
  
  <p>I've started fresh from the Ionic "tabs" template and have only changed what is necessary (or so I believe).</p>
  
  <p>Any help is appreciated.</p>
  
  <p>app.js</p>
  
  <pre><code>// Removed comments
  angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])
  
  .run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
      // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
      // for form inputs)
      if (window.cordova &amp;&amp; window.cordova.plugins &amp;&amp; window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        cordova.plugins.Keyboard.disableScroll(true);
  
      }
      if (window.StatusBar) {
        // org.apache.cordova.statusbar required
        StatusBar.styleDefault();
      }
    });
  })
  
  .config(function($stateProvider, $urlRouterProvider) {
  
    // Removed comments, though I did check the github page given
    $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',
      views: {
        'tab-dash': {
          templateUrl: 'templates/tab-dash.html',
          controller: 'DashCtrl'
        }
      }
    })
  
    .state('tab.chats', {
      url: '/chats',
      views: {
        'tab-chats': {
          templateUrl: 'templates/tab-chats.html',
          controller: 'ChatsCtrl'
        }
      }
    })
    .state('tab.chat-detail', {
      url: '/chats/:chatId',
      views: {
        'tab-chats': {
          templateUrl: 'templates/chat-detail.html',
          controller: 'ChatDetailCtrl'
        }
      }
    })
  
    .state('tab.account', {
      url: '/account',
      views: {
        'tab-account': {
          templateUrl: 'templates/tab-account.html',
          controller: 'AccountCtrl'
        }
      }
    })
  
    .state('tab.quickscan', {
      url: '/quickscan',
      templateUrl: 'templates/tab-quickscan.html',
      controller: 'QuickScanCtrl'
    });
  
    // if none of the above states are matched, use this as the fallback
    $urlRouterProvider.otherwise('/tab/dash');
  
  });
  </code></pre>
  
  <p>controllers.js</p>
  
  <pre><code>angular.module('starter.controllers', [])
  
  .controller('DashCtrl', function($scope) {})
  
  .controller('ChatsCtrl', function($scope, Chats) {
    // Removed comments
  
    $scope.chats = Chats.all();
    $scope.remove = function(chat) {
      Chats.remove(chat);
    };
  })
  
  .controller('ChatDetailCtrl', function($scope, $stateParams, Chats) {
    $scope.chat = Chats.get($stateParams.chatId);
  })
  
  .controller('AccountCtrl', function($scope) {
    $scope.settings = {
      enableFriends: true
    };
  })
  
  .controller('QuickScanCtrl', function($scope) {
    console.log("QuickScanCtrl loaded");
  });
  </code></pre>
  
  <p>tabs.html</p>
  
  <pre><code>&lt;!--
  Create tabs with an icon and label, using the tabs-positive style.
  Each tab's child &lt;ion-nav-view&gt; directive will have its own
  navigation history that also transitions its views in and out.
  --&gt;
  &lt;ion-tabs class="tabs-icon-top tabs-color-active-positive"&gt;
  
    &lt;!-- Dashboard Tab --&gt;
    &lt;ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/dash"&gt;
      &lt;ion-nav-view name="tab-dash"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
    &lt;!-- Chats Tab --&gt;
    &lt;ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/chats"&gt;
      &lt;ion-nav-view name="tab-chats"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
    &lt;!-- Account Tab --&gt;
    &lt;ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/account"&gt;
      &lt;ion-nav-view name="tab-account"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-tab&gt;
  
    &lt;!-- QuickScan Tab --&gt;
    &lt;ion-tab title="Quick Scan" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/quickscan"&gt;
  
    &lt;/ion-tab&gt;
  
  &lt;/ion-tabs&gt;
  </code></pre>
  
  <p>tab-quickscan.html</p>
  
  <pre><code>&lt;ion-view view-title="Quick Scan"&gt;
    &lt;ion-content class="padding"&gt;
      &lt;h2&gt;Welcome to QuickScan&lt;/h2&gt;
      &lt;p&gt;
      This is the Ionic starter for tabs-based apps. For other starters and ready-made templates, check out the &lt;a href="http://market.ionic.io/starters" target="_blank"&gt;Ionic Market&lt;/a&gt;.
      &lt;/p&gt;
      &lt;p&gt;
        To edit the content of each tab, edit the corresponding template file in &lt;code&gt;www/templates/&lt;/code&gt;. This template is &lt;code&gt;www/templates/tab-dash.html&lt;/code&gt;
      &lt;/p&gt;
      &lt;p&gt;
      If you need help with your app, join the Ionic Community on the &lt;a href="http://forum.ionicframework.com" target="_blank"&gt;Ionic Forum&lt;/a&gt;. Make sure to &lt;a href="http://twitter.com/ionicframework" target="_blank"&gt;follow us&lt;/a&gt; on Twitter to get important updates and announcements for Ionic developers.
      &lt;/p&gt;
      &lt;p&gt;
        For help sending push notifications, join the &lt;a href="https://apps.ionic.io/signup" target="_blank"&gt;Ionic Platform&lt;/a&gt; and check out &lt;a href="http://docs.ionic.io/docs/push-overview" target="_blank"&gt;Ionic Push&lt;/a&gt;. We also have other services available.
      &lt;/p&gt;
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>