title: Ionic $state.go not navigating to new view
body: <p>I am trying to use $state.go on a button ng-click event. No navigation occurs but I get the following error:</p>
  
  <p><code>Error: Could not resolve 'selectContacts' from state 'tab.settings'</code> I have used this before but not in a tabbed app, is that the problem? I feel like this will be a very simple fix but I am struggling to pin it down based on looking at the docs.</p>
  
  <p>From controllers.js </p>
  
  <pre><code>.controller('SettingsCtrl', function ($scope, $state, $stateParams) {
      $scope.goToContactsPage = function () {
          $state.go('selectContacts');
      }
  })
  </code></pre>
  
  <p>From app.js</p>
  
  <pre><code>.config(function($stateProvider, $urlRouterProvider) {
      $stateProvider
      // setup an abstract state for the tabs directive
      .state('tab', {
          url: '/tab',
          abstract: true,
          templateUrl: 'templates/tabs.html'
      })
  
      .state('tab.settings', {
          url: '/settings',
              views: {
                  'tab-settings': {
                      templateUrl: 'templates/tab-settings.html',
                      controller: 'SettingsCtrl'
              }
          }
      })
      .state('selectContacts', {
          url: '/selectContacts',
           views: {
               'selectContacts': {
                   templateUrl: 'templates/selectContacts.html',
                   controller: 'ContactsCtrl'
               }
           }
       });
  </code></pre>
  
  <p>The button:</p>
  
  <pre><code>&lt;button class="button button-full button-positive" ng-click="goToContactsPage()"&gt;Select Contacts&lt;/button&gt;
  </code></pre>