javascript - AngularJS $注入(inject)器:unpr Unknown Provider Error

Question

我正在尝试创建用户个人资料页面。用户可以在其中显示和编辑他们的信息。

这是我的 Controller.js

var userProfileControllers = angular.module("userProfileControllers", []);

userProfileControllers.controller ('userProfileCtrl', ['$scope', '$location', 'localCache', 'customersignup', function ($scope, $location, localCache, customersignup){

	var submitProfile = function() {


 //Bind Scope
 //
 var bindScope = function () {
     $scope.userProfile = customersignup.userProfile; 
 };

 var asyncBindScope = function() {
 	$scope.$evalAsync(bindScope());
 };

 bindScope ();

 
}}]);

这是我的service.js

var userProfileServices = angular.module("userProfileServices", []);

userProfileServices.factory("customersignup", function() {
  return {
    userProfile: {fname: "kunal"},

    updateProfile: function() {
      var userProfile = this.userProfile;
 
    },

  }
   
});

在 HTML 中，假设在名字的情况下，我在名字字段的输入中包含了 ng-model="userProfile.fname"。现在，当我加载 html 页面时，我收到此错误:- https://docs.angularjs.org/error/ $injector/unpr?p0=localCacheProvider%20%3C-%20localCache%20%3C-%20userProfileCtrl

请检查上面的链接，它来自AngularJS官方网站。

Answer 1

检查您有两个模块，一个用于服务，另一个用于 Controller ，并注意这两个模块之间没有粘合剂，要工作，您需要要粘合这两个模块，请将服务模块导入到 Controller 模块中，如下所示。

var userProfileControllers = angular.module("userProfileControllers", ['userProfileServices']);

然后模块userProfileControllers可以访问定义了服务的模块userProfileServices。其他您无权访问服务模块userProfileServices。