angular js 中未定义服务

Service not defined in angular js

我收到 service not defined in angular js 错误,但我无法弄清楚为什么我的控制器和模块已完美连接:

application.js:

var myapp=angular.module('myApp', []);

myapp.service('productService', function() {
  var productList = "";

  var addProduct = function(newObj) {
     productList=newObj;
  };

  var getProducts = function(){
      return productList;
  };

  return {
    addProduct: addProduct,
    getProducts: getProducts
  };

});

controller1.js:

myapp.controller('contrl1', ['$scope','productService', function ($scope) {
    var st="datsat";

     productService.addProduct(st);

}]);

控制器 2:

myapp.controller('contrl2', ['$scope','productService', function ($scope) {

 $scope.products = productService.getProducts();
}]);

另外,在 link 到 contoller.js 文件和 application.js 文件的视图中

这是创建控制器的正确方法:

myapp.controller('contrl2', ['$scope','productService', function ($scope, productService)

当您使用 DI 和内联数组注释时,注释数组(字符串)和函数参数应该同步(相同)。