Ошибка `state not defined`, когда она определена

Question

В моем угловом приложении я хочу перейти на другую страницу одним нажатием кнопки. Для этого я использую функцию GoNext. Ниже мой код, который дает мне state is not defined ошибки. Может ли кто-нибудь сказать мне, что происходит?

(function() { 
    angular.module("MyApp").controller("MainCtrl", ["$scope", "$state", "$http", MainCtrlFunction]); 
    function MainCtrlFunction($scope, $state, $http) { 

    .... 



     $scope.GoNext = function() { 
      state.go("screen2"); 
     } 


    } 

})(); 

У меня есть соответствующая запись в моем файле конфигурации.

Answer 1

Вы пропустили набрав сервис $state. Это просто путаница, потому что у вас есть две вещи с именем state: ваш аргумент $state, который является сервисом и состоянием вашего маршрутизатора приложений; В любом случае, он должен выглядеть следующим образом:

$state.go("screen2"); 

Вместо:

state.go("screen2"); 

Answer 2

нужно использовать $ состояние и убедитесь, что он вводится в контроллер. Кажется, вы использовали state w no dollar symbol.