CODEWITHSUNDEEP
angularjsngresource
paz kimhi
paz kimhi

Reputation: 1

i am getting an error Error: [$injector:unpr] Unknown provider: $resourceProvider <- $resource <- productResource

I am getting an error in the chrome console :

Error: [$injector:unpr] Unknown provider: $resourceProvider <- $resource <- p roductResource ,

I already check the angular resource bet it seems ok .

var app = angular.module('productManagement', ['common.service']);




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


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


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


angular
    .module("productManagement")
    .controller("productListCtrl",
        productListCtrl);

function productListCtrl(productResource) {
    var vm = this;

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

Upvotes: 0

Views: 31

Answers (1)

John Velasquez
John Velasquez

Reputation: 3451

Your module reference is in the app variable

var app = angular.module('productManagement', ['common.service']);

You should do it like this

app.module("productManagement")
    .controller("productListCtrl",
        productListCtrl);

function productListCtrl(productResource) {
    var vm = this;

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

Upvotes: 0

Related Questions