AngularJS - 我如何在控制器内部改变状态

Question

我是AngularJS的新手，想知道如何在控制器内更改状态。

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

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

提交后，我的页面将切换到导航页面。这个很好用，但是如果我想先在控制器中执行一些逻辑，再根据结果切换到特定的页面，该怎么办呢？如何从控制器中实现这一点，而不是从按钮点击事件中实现呢？

如果您感兴趣，这是我的modules.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'
        })
}]);

谢谢

- anad2312

Answer 1

将$state服务注入到您的控制器中，然后在您的控制器中...

控制器

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

并在您的按钮上添加ng-click

HTML

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

- Poyraz Yilmaz

---

你真是个救命恩人...太棒了！省去了我数小时的研究时间。谢谢！ - anad2312

我们在这里改变状态时，也可以传递参数吗？ - Rayiez