不明なプロバイダ：pagingParamsProvider < - pagingParams in ResultAnalysisDetailController

Question

ここは私のコントローラです。コントローラはjhipsterを介して生成pagingParamsは、コントローラを生成し、他のjhipsterで正常に動作している.But私のコントローラでは、未知のプロバイダを与えている、

(function() { 
    'use strict'; 

    angular 
     .module('netCopOnlineExamApp') 
     .controller('ResultAnalysisDetailController', ResultAnalysisDetailController); 

    ResultAnalysisDetailController.$inject = ['$scope', '$state', 'DataUtils','ResultAnalysis','Exam','DateUtils','ParseLinks','paginationConstants','pagingParams']; 

    function ResultAnalysisDetailController($scope, $state, DataUtils, ResultAnalysis ,Exam, DateUtils,ParseLinks, paginationConstants, pagingParams) { 

     var vm = this; 
     vm.loadPage = loadPage; 
     vm.predicate = pagingParams.predicate; 
     vm.reverse = pagingParams.ascending; 
     vm.transition = transition; 
     vm.itemsPerPage = paginationConstants.itemsPerPage; 
     vm.refreshExamPackages=refreshExamPackages; 
     vm.refreshExams =refreshExams; 
     vm.selectedPackageChanged = selectedPackageChanged; 
     vm.selectedExamChanged = selectedExamChanged; 
     vm.datePickerOpenStatus = {}; 
     vm.openCalendar = openCalendar; 
     vm.getDetails = getDetails; 
     vm.searchQuery = pagingParams.search; 
     vm.currentSearch = pagingParams.search; 

     function refreshExamPackages(select){ 
     if(select.search !== null && select.search !==''){ 
      var searchQuery=select.search ; 
      vm.examPackages=ResultAnalysis.getTopExamPackages({subString :searchQuery}); 
     } 
     } 
     function refreshExams(select){ 
       if(select.search !== null && select.search !==''){ 
        var searchQuery=select.search ; 
        vm.exams=ResultAnalysis.getTopExams({subString :searchQuery}); 
       } 
     } 

     function selectedPackageChanged(){ 
      console.log(vm.examPackage.packageId); 
      vm.exams=Exam.getExamsByPackageId({id:vm.examPackage.packageId}); 

     } 
     function selectedExamChanged(){ 
      console.log(vm.exam.examId) 
     } 
     vm.datePickerOpenStatus.startDateFrom = false; 
     vm.datePickerOpenStatus.startDateTo = false; 
     vm.datePickerOpenStatus.endDateFrom =false; 
     vm.datePickerOpenStatus.endDateTo =false; 

     function openCalendar (date) { 
      vm.datePickerOpenStatus[date] = true; 
     } 

     function getDetails(){ 
     if(!angular.isUndefinedOrNull(vm.exam.startDateFrom) && !angular.isUndefinedOrNull(vm.exam.startDateTo) && 
     angular.isUndefinedOrNull(vm.exam.endDateFrom) && angular.isUndefinedOrNull(vm.exam.endDateTo)){ 
        console.log("START DATE FROM "+vm.exam.startDateFrom); 
        console.log("START DATE TO "+vm.exam.startDateTo); 
        var dateFrom=DateUtils.convertLocalDateToServer(vm.exam.startDateFrom); 
        console.log(dateFrom); 
        var dateTo=DateUtils.convertLocalDateToServer(vm.exam.startDateTo); 
        console.log(dateTo); 
        vm.exams=ResultAnalysis.getExamsStartDateBetween({startDateFrom :dateFrom,startDateTo:dateTo,page: pagingParams.page - 1,size: vm.itemsPerPage,sort: sort()},on); 
        console.log(vm.exams); 
     } 
     if(!angular.isUndefinedOrNull(vm.exam.endDateFrom) && !angular.isUndefinedOrNull(vm.exam.endDateTo) && 
      angular.isUndefinedOrNull(vm.exam.startDateFrom) && angular.isUndefinedOrNull(vm.exam.startDateTo)){ 
        console.log("START DATE FROM "+vm.exam.endDateFrom); 
        console.log("START DATE TO "+vm.exam.endDateTo); 
        var dateFrom=DateUtils.convertLocalDateToServer(vm.exam.endDateFrom); 
        console.log(dateFrom); 
        var dateTo=DateUtils.convertLocalDateToServer(vm.exam.endDateTo); 
        console.log(dateTo); 
        vm.exams=ResultAnalysis.getExamsEndDateBetween({endDateFrom :dateFrom,endDateTo:dateTo}); 
        console.log(vm.exams); 
     } 
     if(!angular.isUndefinedOrNull(vm.exam.startDateFrom) && !angular.isUndefinedOrNull(vm.exam.startDateTo) && 
      !angular.isUndefinedOrNull(vm.exam.endDateFrom) && !angular.isUndefinedOrNull(vm.exam.endDateTo)){ 
        var stardateFrom=DateUtils.convertLocalDateToServer(vm.exam.startDateFrom); 
        console.log(stardateFrom); 
        var startdateTo=DateUtils.convertLocalDateToServer(vm.exam.startDateTo); 
        console.log(startdateTo); 
        var enddateFrom=DateUtils.convertLocalDateToServer(vm.exam.endDateFrom); 
        console.log(enddateFrom); 
        var enddateTo=DateUtils.convertLocalDateToServer(vm.exam.endDateTo); 
        console.log(enddateTo); 
        vm.exams=ResultAnalysis.getExamsStartDateBetweenAndEndDateBetween({startDateFrom :stardateFrom,startDateTo:startdateTo,endDateFrom :enddateFrom,endDateTo:enddateTo}); 
        console.log(vm.exams); 

      } 


     } 
     function sort() { 
      var result = [vm.predicate + ',' + (vm.reverse ? 'asc' : 'desc')]; 
      if (vm.predicate !== 'id') { 
       result.push('id'); 
      } 
      return result; 
     } 
     function onSuccess(data, headers) { 
     vm.links = ParseLinks.parse(headers('link')); 
     vm.totalItems = headers('X-Total-Count'); 
     vm.queryCount = vm.totalItems; 
     vm.exams = data; 
     vm.page = pagingParams.page; 
     } 

     function loadPage(page) { 
      vm.page = page; 
      vm.transition(); 
     } 

     function transition() { 
      $state.transitionTo($state.$current, { 
      page: vm.page, 
      sort: vm.predicate + ',' + (vm.reverse ? 'asc' : 'desc'), 
      search: vm.currentSearch 
      }); 
     } 

    } 
})(); 

もpagingParams注射を持っている、しかし、それには問題のファイルがありません。私のコントローラは上記のエラーを出しています。

エラー：[$インジェクター：UNPR]不明プロバイダ：？pagingParamsProvider < - pagingParams < - ResultAnalysisDetailController http://errors.angularjs.org/1.5.8/ $インジェクター/ UNPR P0 = pagingParamsProvider％20％3C-％20pagingParams％20％3C-％20ResultAnalysisDetailController http://localhost:8080/bower_components/angular/angular.js:68:12 でhttp://localhost:8080/bower_components/angular/angular.js:4511:19 Object.getServiceで （http://localhost:8080/bower_components/angular/angular.js:4664:39）得るよう]でのgetServiceで http://localhost:8080/bower_components/angular/angular.js:4516:45でinjectionArgsで（http://localhost:8080/bower_components/angular/angular.js:4664:39） Object.instantiateで（http://localhost:8080/bower_components/angular/angular.js:4688:58） （http://localhost:8080/bower_components/angular/angular.js:4730:18）$コントローラの（http://localhost:8080/bower_components/angular/angular.js:10369:28） atオブジェクト。 （http://localhost:8080/bower_components/angular-ui-router/release/angular-ui-router.js:4095:28）

Answer 1

私はあなたのようなあなたのUI-ルータの設定でpagingParams解決すべきであると思います：

.state('resultAnalysisDetail', { 
     parent: 'entity', 
     url: '/resultAnalysisDetail?page&sort&search', 
     params: { 
      page: { 
       value: '1', 
       squash: true 
      }, 
      sort: { 
       value: 'id,asc', 
       squash: true 
      }, 
      search: null 
     }, 
     resolve: { 
      pagingParams: ['$stateParams', 'PaginationUtil', function ($stateParams, PaginationUtil) { 
       return { 
        page: PaginationUtil.parsePage($stateParams.page), 
        sort: $stateParams.sort, 
        predicate: PaginationUtil.parsePredicate($stateParams.sort), 
        ascending: PaginationUtil.parseAscending($stateParams.sort), 
        search: $stateParams.search 
       }; 
      }] 
     } 
    }) 

Answer 2

は、私はこれが機能を願っています

angular 
     .module('netCopOnlineExamApp',[]) 
     .controller('ResultAnalysisDetailController', [ResultAnalysisDetailController]); 

以下のようにコントローラーを入れてみてください。