오류 : [$ injector : unpr] 알 수없는 공급자 : starterServiceProvider <- starterService

Question

콘솔에 오류가 발생했습니다. 난 각도로 이온 (V1)을 이용하고 있고 제 후단은 PHP,이 문제는 주입하기 위해 컨트롤러
내 controllers.js 내 app.js

var app = angular.module('starter', ['ionic','starter','starterService']) 

.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
    }); 
}) 

이다

Error: [$injector:unpr] Unknown provider: starterServiceProvider <- starterService 
    http://errors.angularjs.org/1.2.12/$injector/unpr?p0=starterServiceProvider%20%3C-%20starterService 
     at ionic.bundle.js:7536 
     at ionic.bundle.js:11004 
     at Object.getService [as get] (ionic.bundle.js:11131) 
     at ionic.bundle.js:11009 
     at getService (ionic.bundle.js:11131) 
     at invoke (ionic.bundle.js:11158) 
     at Object.instantiate (ionic.bundle.js:11179) 
     at ionic.bundle.js:14238 
     at ionic.bundle.js:13647 
     at forEach (ionic.bundle.js:7768) 

MySQL의 인 데이터 서비스 "starterServices"

.controller('ToDoListCtrl',['starterService' , function($scope,$ionicModal,starterService) { 
     $scope.toDoListItems = [{ 
     task: 'Scuba Diving', 
     status: 'not done' 
     }, { 
     task: 'Climb Everest', 
     status: 'not done' 
     }]; 

    $scope.AddItem = function(data){ 
     var addTask = starterService.addtask(); 
     addTask.then(function(data){ 
      $scope.task = data.task; 
      $scope.status = data.status; 
     }); 
     }; 
     /*$scope.toDoListItems.push({task:data.newItem,status:'not done'}); 
     data.newItem = ' '; 
      $scope.closeModalAdd();*/ 

    $scope.DeleteItem = function(data){ 
      var ans = confirm('Are you sure to delete it?'); 
      if(ans){ 
      var deleteTask = starterService.delTask(task); 

      alert('Sucessfully deleted task ',+ data.task); 

      } 

     /* 
     $scope.toDoListItems.pop({task: data.newItem}); 
     data.newItem = ' '; 
      $scope.closeModalDelete(); 
     */ 
     alert('Sucessfully deleted task '); 

     }; 

    $ionicModal.fromTemplateUrl('modal.html', { 
     scope: $scope, 
     animation: 'slide-in-up' 
     }).then(function(modal) { 
     $scope.modal = modal; 
     }); 

    $ionicModal.fromTemplateUrl('dmodal.html', { 
     scope: $scope, 
     animation: 'slide-in-up' 
     }).then(function(dmodal) { 
     $scope.dmodal = dmodal; 
     }); 

     $scope.openModalAdd = function() { 
     $scope.modal.show(); 
     }; 
     $scope.closeModalAdd = function() { 
     $scope.modal.hide(); 
     }; 

     $scope.openModalDelete = function() { 
     $scope.dmodal.show(); 
     }; 
     $scope.closeModalDelete = function() { 
     $scope.dmodal.hide(); 
     }; 
     //Cleanup the modal when we're done with it! 
     $scope.$on('$destroy', function() { 
     $scope.modal.remove(); 
      $scope.dmodal.remove(); 
     }); 

    }]); 

이 내 service.js입니다 HTML 페이지에서오고 및 호출

,691,363 (210)

app.service('starterService', function($http){ 

    var serviceUrl = "http://localhost/2404/CRUD Ionic/www/php/"; 

    this.addtask = function(data){ 
     var response = $http({ 
      method : "POST", 
      url : serviceUrl + "createTask.php", 
      params : data 
     }); 
     return response; 

    }; 
    this.delTask = function(task){ 
     var response = $http ({ 
      method : "POST", 
      usr : serviceUrl + "deleteTask.php", 
      params : {task} 
     }); 
     return response; 
    }; 


});  

Answer 1

응용 모듈은 다음과 같이해야합니다 :

var app = angular.module('starter', ['ionic']) 

그것은 'starterService'라는 이름의 모듈에 대한 종속성이 없기 때문에. 그것은 서비스가 아니라 모듈입니다. 모듈 만이 여기에 종속성으로 추가 될 수 있습니다.

업데이트 :

당신은뿐만 아니라 적절한 종속 매핑을 제공하는 것을 잊었다.

.controller('ToDoListCtrl',['$scope','$ionicModal', 'starterService' , function($scope,$ionicModal,starterService) { 
    $scope.toDoListItems = [{ 
    task: 'Scuba Diving', 
    status: 'not done' 
    }, { 
    task: 'Climb Everest', 
    status: 'not done' 
    }]; 

$scope.AddItem = function(data){ 
    var addTask = starterService.addtask(); 
    addTask.then(function(data){ 
     $scope.task = data.task; 
     $scope.status = data.status; 
    }); 
    }; 
    /*$scope.toDoListItems.push({task:data.newItem,status:'not done'}); 
    data.newItem = ' '; 
     $scope.closeModalAdd();*/ 

$scope.DeleteItem = function(data){ 
     var ans = confirm('Are you sure to delete it?'); 
     if(ans){ 
     var deleteTask = starterService.delTask(task); 

     alert('Sucessfully deleted task ',+ data.task); 

     } 

    /* 
    $scope.toDoListItems.pop({task: data.newItem}); 
    data.newItem = ' '; 
     $scope.closeModalDelete(); 
    */ 
    alert('Sucessfully deleted task '); 

    }; 

$ionicModal.fromTemplateUrl('modal.html', { 
    scope: $scope, 
    animation: 'slide-in-up' 
    }).then(function(modal) { 
    $scope.modal = modal; 
    }); 

$ionicModal.fromTemplateUrl('dmodal.html', { 
    scope: $scope, 
    animation: 'slide-in-up' 
    }).then(function(dmodal) { 
    $scope.dmodal = dmodal; 
    }); 

    $scope.openModalAdd = function() { 
    $scope.modal.show(); 
    }; 
    $scope.closeModalAdd = function() { 
    $scope.modal.hide(); 
    }; 

    $scope.openModalDelete = function() { 
    $scope.dmodal.show(); 
    }; 
    $scope.closeModalDelete = function() { 
    $scope.dmodal.hide(); 
    }; 
    //Cleanup the modal when we're done with it! 
    $scope.$on('$destroy', function() { 
    $scope.modal.remove(); 
     $scope.dmodal.remove(); 
    });