错误：[$ injector：nomod]模块不可用

Question

I am trying to upload a file with progress bar but getting 2 errors constantly, no matter what i do

1)module not defined and 2nd is [$injector:nomod] module not available.

http://jsfiddle.net/3m75wqt1/

this is my controller

PageController.js

var PageController = function ($scope, fileUpload ) {
angular.module('app', ['ngProgress'])
angular.module('app')
.controller('PageController', function ($scope) {
    //$scope.fileUpload = {};
});
PageController.$inject = ['$scope','ngProgress'];

};

I have done a lot of searching but unable to find the error. any help would be appreciated... Thanks in advance

Answer 1

First at all the module method shoud not be called inside of a controller, so this:

var PageController = function ($scope, fileUpload) {
    angular.module('app', ['ngProgress'])
    angular.module('app')
        .controller('PageController', function ($scope) {//I will replace this with PageController 
            //$scope.fileUpload = {};
        });
    PageController.$inject = ['$scope', 'ngProgress'];
};

shoud look more like this:

var PageController = function ($scope, fileUpload) {
};
PageController.$inject = ['$scope', 'ngProgress'];
angular.module('app', ['ngProgress'])
angular.module('app').controller('PageController', PageController);

i removed the function in your controller method and put your defined PageController at its place

The second thing is that you dont need to call the module method twice, the first one is already returning the module, so the best approach shoud look like this:

var PageController = function ($scope, fileUpload) {
};
PageController.$inject = ['$scope', 'ngProgress'];
angular.module('app', ['ngProgress']).controller('PageController', PageController);

And i personaly like the array notation more than this, so my favorite would look like this, but that is up to you:

angular.module('app', [
    'ngProgress'//this is a module dependency (its also createt with angular.module)
]).controller('PageController', [
    '$scope',
    'fileUpload',//this is a dependency for the controller (probably a service)
    function ($scope, fileUpload) {
    }
]);