AngularJS – 如何从控制器内部更改状态
发布时间:2020-12-17 08:28:56 所属栏目:安全 来源:网络整理
导读:我是新的AngularJS,并想知道如何从控制器内更改状态。 例如,我通常更改按钮点击的状态: input type="submit" class="btn btn-lg btn-primary btn-block" value="Log In" ui-sref="main.navigation"/ 所以在提交按钮,我的页面将改变到导航页面。这工作正
我是新的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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |