AngularJS用不同的控制器路由到不同的页面

我有两个HTML页面。一个是exam.html，另一个是result.html。在exam.html的控制器ExamCtrl的某些情况下，我使用$location.path路由到result.html。但是，在result页面上，控制器ResultCtrl似乎无法加载，但我已将它添加到配置文件中。AngularJS用不同的控制器路由到不同的页面

角配置文件：

angular.module('exam').config(['$stateProvider', 
    function ($stateProvider) { 
    // Exam state routing 
    $stateProvider 
     .state('exam', { 
     abstract: true, 
     url: '/exam', 
     template: '<ui-view/>' 
     }) 
     .state('exam.list', { 
     url: '', 
     templateUrl: 'modules/exam/client/views/exam.client.view.html', 
     controller: 'ExamCtrl' 
     }) 
     .state('/result', { 
     url: '/result', 
     templateUrl: 'modules/exam/client/views/exam-result.client.view.html', 
     contoller: 'ResultCtrl' 
     }); 
    } 
]);

ExamCtrl：

angular 
.module('exam') 
.controller('ExamCtrl', ['$scope', '$stateParams', '$location', 'Authentication', '$http', 
    function ($scope, $stateParams, $location, Authentication, $http) { 


$scope.submitAnswer = function (selected) {   
     //some code 
     if (qtnCounter > 5) { 
     // loads the result page. 
     $location.path('/result'); 
     } else { 
     $scope.getQues(); 
     } 
    }; 
    } 
]);

ResultCtrl：

angular 
.module('exam') 
.controller('ResultCtrl', ['$scope', '$stateParams', '$location', 'Authentication', '$http', 
    function ($scope, $stateParams, $location, Authentication, $http) { 

    console.log('ResultCtrl'); 

    } 
]);

result.html：

<body ng-controller="ResultCtrl"> 
    <h1>Result page!</h1> 
</body>

来源

2017-02-05 Akhilesh Chobey

使用$location未使用$state更改为您的应用中的给定状态。

注入控制器中的$state，然后调用transitionTo()这将加载视图和设置控制器

angular 
.module('exam') 
.controller('ExamCtrl', ['$scope', '$state', 'Authentication', '$http', 
    function ($scope, $state, Authentication, $http) { 


$scope.submitAnswer = function (selected) {   
     //some code 
     if (qtnCounter > 5) { 
     // loads the result page. 
     $state.transitionTo('/result'); 
     } else { 
     $scope.getQues(); 
     } 
    }; 
    } 
]);

来源

2017-02-05 11:35:24

哦。得到它了。非常感谢！ –

Np，开心编码:) –

AngularJS用不同的控制器路由到不同的页面

回答

相关问题