错误：[$注射器：unpr]未知提供商：productResourceProvider < - productResource < - ProductListCtrl

我不知道是什么错误，因为我很新的angularjs。我正在尝试使用以下代码来使用webapi服务。

的app.js文件：

(function() { 
    "use strict"; 

    var app = angular.module("productManagement", 
          ["common.services"]); 

}());

productListCtrl.js

(function() { 
    "use strict"; 
    angular 
     .module("productManagement") 
     .controller("ProductListCtrl", 
        ["productResource" ,ProductListCtrl]); 

    function ProductListCtrl(productResource) { 
     var vm = this; 

     productResource.query(function (data) { 
      vm.products = data; 
     }); 
    } 
}());

commonservices.js

(function() { 
    "use strict"; 

    angular.module("common.services", ["ngResource"]) 
    .constant("appSettings", { 
     serverPath: "http://localhost:55755/" 
    }); 
}());

productResource.js

(function() { 
    "use strict"; 

    angular.module("common.services"). 
    factory("productResource", ["$resource", 
     "appSettings", 
     productResource]) 

    function productResource($resource, appSettings) { 
     return $resource(appSettings.serverPath + "/api/products/:id"); 
    } 
});

的index.html

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title>Acme Product Management</title> 

    <!-- Style sheets --> 
    <link href="Content/bootstrap.css" rel="stylesheet" /> 
</head> 

<body ng-app="productManagement"> 
    <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
       <div class="navbar-brand">Acme Product Management</div> 
      </div> 
     </div> 
    </nav> 

    <div class="container"> 
     <div ng-include="'app/products/productListView.html'"></div> 
    </div> 

    <!-- Library Scripts --> 
    <script src="scripts/angular.js"></script> 
    <script src="Scripts/angular-resource.js"></script> 
    <!-- Application Script --> 
    <script src="app/app.js"></script> 

    <!-- Services --> 
    <script src="Common/common.services.js"></script> 
    <script src="Common/productResource.js"></script> 
    <!-- Product Controllers --> 
    <script src="app/products/productListCtrl.js"></script> 
</body> 

</html>

来源

2017-04-08 ankur chavda

你是否在html文件中包含了所有文件，看起来像是你在工程文件中的错误 –

你能显示这些脚本加载到HTML文件中的顺序吗？ – Claies

我已经添加了index.html文件请看看它 –

-1

纠正你的JS文件的顺序。

<script src="app/products/productListCtrl.js"></script> 
<script src="Common/productResource.js"></script> 
<script src="Common/common.services.js"></script> 
<script src="app/app.js"></script>

来源

2017-04-08 11:51:36

的问题是，你不执行已为productResource.js写的匿名功能块，这是防止productResourceProvider被注册：

更改此：

productResource.js

(function() { 
    "use strict"; 

    angular.module("common.services"). 
    factory("productResource", ["$resource", 
     "appSettings", 
     productResource]) 

    function productResource($resource, appSettings) { 
     return $resource(appSettings.serverPath + "/api/products/:id"); 
    } 
}); // <-- Problem lies here.

更改为：

(function() { 
    "use strict"; 

    angular.module("common.services"). 
    factory("productResource", ["$resource", 
     "appSettings", 
     productResource]) 

    function productResource($resource, appSettings) { 
     return $resource(appSettings.serverPath + "/api/products/:id"); 
    } 
}()); // <-- Execute the function block.

来源

2017-04-08 13:22:36 Gaurav

错误：[$注射器：unpr]未知提供商：productResourceProvider < - productResource < - ProductListCtrl

回答

相关问题