AngularJS - 如何从 Controller 内部更改状态

Question

我是 AngularJS 的新手，想知道如何从 Controller 内更改状态。

例如，我通常会在单击按钮时更改状态:

<input type="submit" class="btn btn-lg btn-primary btn-block" value="Log In" ui-sref="main.navigation"/>

因此，在提交按钮时，我的页面将更改为导航页面。这工作正常，但是如果我想先在 Controller 中执行一些逻辑，然后根据结果，我想更改到特定页面，该怎么办？如何从 Controller 内部而不是单击按钮来执行此操作。

这是我的 module.js，以防您好奇:

angular.module('ecsMain', [
    'ui.router',
    'ui.bootstrap',
    'ngTable'
])
.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('main/login');

    $stateProvider
        .state('main', {
            abstract: true,
            url: '',
            templateUrl: 'view/main.html'
        })
        .state('main.login', {
            url: '',
            controller: ECSMainController,
            templateUrl: 'view/login.html'
        })
        .state('main.phoneCalls', {
            url: '',
            controller: AccordionDemoCtrl,
            templateUrl: 'view/phoneCalls.html'
        })
        .state('main.navigation', {
            url: '',
            controller: ModalDemoCtrl,
            templateUrl: 'view/navigation.html'
        })
        .state('main.myModalContent', {
            url: '',
            controller: ModalDemoCtrl,
            templateUrl: 'view/myModalContent.html'
        })
        .state('main.alertMessage', {
            url: '',
            controller: ModalDemoCtrl,
            templateUrl: 'view/alertMessage.html'
        })
}]);

谢谢

Answer 1

将 $state 服务注入(inject)您的 Controller ，然后在您的 Controller 中...

Controller

$scope.changeState = function () {
    $state.go('where.ever.you.want.to.go', {stateParamKey: exampleParam});
};

并将 ng-click 添加到您的按钮

HTML

<button ng-click="changeState()">Change State</button>