$ state.go不能正常工作 - 錯誤：$ state isnot defined

Question

Hi im很新的Angulay js離子開發。即時通訊嘗試基本導航點擊按鈕時。但我得到這個錯誤，當我點擊Firebug控制檯中的按鈕。我想導航到搜索頁面後，點擊它

Error : $state isnot defined

這裏我App.js代碼

.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 

    .state('signin', { 
    url: "/sign-in", 
    templateUrl: "templates/sign-in.html", 
    controller: 'AppCtrl' 
    }) 

    .state('app', { 
    url: "/app", 
    abstract: true, 
    templateUrl: "templates/menu.html", 
    controller: 'AppCtrl' 
    }) 

    .state('app.search', { 
    url: "/search", 
    views: { 
     'menuContent': { 
     templateUrl: "templates/search.html" 
     } 
    } 
    }) 

    // if none of the above states are matched, use this as the fallback 
    $urlRouterProvider.otherwise('/sign-in'); 
}); 

這裏我控制器

angular.module('starter.controllers', []) 

.controller('AppCtrl', function($scope, $ionicPopup, $timeout, $ionicModal) { 


    $scope.signIn = function(user) { 
    //console.log('Sign-In', user); 
    $state.go('app.search'); 
    }; 



}) 

我的HTML按鈕

<button class="button button-block button-positive" id="login-btn" ng-click="signIn(user)" type="submit">Log in</button> 

Answer 1

你也應該養成適當注入你的依賴的習慣。它應該是這樣的（包括$狀態注）：

.controller('AppCtrl',['$scope', '$ionicPopup', '$timeout', '$ionicModal', '$state', function($scope, $ionicPopup, $timeout, $ionicModal, $state) { 
    $scope.signIn = function(user) { 
    //console.log('Sign-In', user); 
    $state.go('app.search'); 
    }; 
}]) 

只需確保在引號注射的順序是相同的順序您的參數在下面的函數的順序。