Ionic $ state.go無法導航到新視圖

Question

我試圖在按鈕ng-click事件上使用$ state.go。 沒有導航發生，但出現以下錯誤：

Error: Could not resolve 'selectContacts' from state 'tab.settings'我以前使用過此選項，但不在選項卡式應用程序中使用過），是問題嗎？ 我覺得這將是一個非常簡單的修復程序，但我正在根據文檔努力將其固定下來。

從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>

Answer 1

這是因為路由配置中的views屬性。

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

我將其刪除並替換為：

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

檢查此Codepen http://codepen.io/nampdn/pen/BoVweN