Angularjs $state.go无法导航到新视图

我正在尝试使用$state.go进行按钮单击事件。没有出现导航，但出现以下错误：

错误：无法从状态“tab.settings”解析“selectContacts”

我以前使用过此选项，但在选项卡式应用程序中没有，这是问题所在吗？我觉得这将是一个非常简单的修复，但我正在努力确定它的基础上看文件

从controllers.js

.controller('SettingsCtrl', function ($scope, $state, $stateParams) {
    $scope.goToContactsPage = function () {
        $state.go('selectContacts');
    }
})

来自app.js

.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'
             }
         }
     });

按钮：

<button class="button button-full button-positive" ng-click="goToContactsPage()">Select Contacts</button>

选择联系人

这是因为路由配置中的

视图

属性

views: {
   'selectContacts': {
      templateUrl: 'templates/selectContacts.html',
      controller: 'ContactsCtrl'
   }
}

我将其移除并替换为以下内容：

.state('selectContacts', {
      url: "/selectContacts",
      templateUrl: "templates/contact.html",
      controller: 'ContactsCtrl'
    });

---

检查此代码笔

这是一个输入错误。

.state（选择Contacts'

修复它。加载app.js时@Michelem的注释是否不明显？请查看控制台。抱歉，不知为什么，我的问题中只是一个输入错误，我的代码中不存在此错误……哎呀！谢谢！您保存了我的理智：D