Je suis nouveau sur AngularJS et j'aimerais savoir comment je change l'état à partir du contrôleur.
Par exemple, je change généralement l'état sur un clic de bouton:
<input type="submit" class="btn btn-lg btn-primary btn-block" value="Log In" ui-sref="main.navigation"/>
Donc, sur Soumettre du bouton, ma page passera à la page de navigation. Cela fonctionne très bien, mais que se passe-t-il si je veux d'abord faire un peu de logique dans mon contrôleur, puis en fonction des résultats, je voudrais passer à une page spécifique. Comment puis-je le faire à partir du contrôleur, par rapport à un clic de bouton.
Voici mes modules.js au cas où vous seriez curieux:
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'
})
}]);
Merci
injecter $state
service à votre contrôleur, puis dans votre contrôleur ...
CONTRÔLEUR
$scope.changeState = function () {
$state.go('where.ever.you.want.to.go', {stateParamKey: exampleParam});
};
et ajouter ng-click
à votre bouton
HTML
<button ng-click="changeState()">Change State</button>