AngularJS – 如何从控制器内部更改状态

前端之家收集整理的这篇文章主要介绍了AngularJS – 如何从控制器内部更改状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是新的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',controller: AccordionDemoCtrl,templateUrl: 'view/phoneCalls.html'
        })
        .state('main.navigation',controller: ModalDemoCtrl,templateUrl: 'view/navigation.html'
        })
        .state('main.myModalContent',templateUrl: 'view/myModalContent.html'
        })
        .state('main.alertMessage',templateUrl: 'view/alertMessage.html'
        })
}]);

谢谢

注入$状态服务到您的控制器,然后在您的控制器…

控制器

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

并单击添加到您的按钮

HTML

<button ng-click="changeState()">Change State</button>
原文链接:https://www.f2er.com/angularjs/145265.html

猜你在找的Angularjs相关文章