Я получаю сообщение об ошибке при добавлении пользовательского сервиса в angular js, который показывает некоторую проблему внедрения зависимостей. Не в состоянии разобраться, как это исправить
Не удалось получить решение, пожалуйста, помогите
Я создал файл app.js
var myModule = angular.module("myModule",["ngRoute"]);
myModule.config(['$routeProvider',function($routeProvider) {
$routeProvider
.when("/", {
template : "welcome"
})
.when("/add", {
templateUrl : "/add/add.html",
controller : "myController2"
});
}]);
Мой служебный файл называется myservice.js
myModule.factory('exportService', function(){
return{
downloadData = function(){
console.log("in download data methodd");
$http.get("https://www.w3schools.com/angular/customers.php")
.then(function(response){
$scope.data = response.data;
}, function(error){
console.log("error occured");
});
}
}
});
Файл моего контроллера
myModule.controller('myController2',function($scope,exportService){
exportService.downloadData();
});
мой файл index.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="./app.js"></script>
<script src="./add/add.html"></script>
<script src="./add/add.js"></script>
<script src="./add/myservice.js"></script>
</head>
<body ng-app="myModule">
<div ng-controller="myController2">
<div>
<input type="text" ng-model="message"/>
{{message}}
</div>
</div>
<div ng-view></div>
</body>
</html>
Я получаю сообщение об ошибке: Ошибка: $ инжектор: unpr
Неизвестный поставщик
Неизвестный поставщик: exportServiceProvider <- exportService <- myController2 </p>