エラー：[$ injector：unpr]不明なプロバイダ：starterServiceProvider < - starterService

Question

コンソールでエラーが発生しました。これは、これは注入するためのコントローラである私の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) 

を私は、角度でイオン-V1を使用していますし、私のバックエンドは、PHPで、MySQLの

データHTMLページから来てと "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

あるサービスを呼び出します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(); 
    });