Issues with AngularJS Controller and module

Question

I have several problems in the console and i'm unsure on how to fix.

The first error I am getting is

angular.js:68 Uncaught Error: [$injector:nomod] Module 'reviewsApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

along with ...

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module reviewsApp due to: Error: [$injector:nomod] Module 'reviewsApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

Can someone advise what I am doing wrong???

I have a simple controller like the following with the html at the bottom (Please not these files are separate in my project)...

(function() {
'use strict';

angular
    .module('reviewsApp')
    .controller('ReviewsController', ReviewsController);

ReviewsController.$inject = ['$http'];

function ReviewsController ($http){
    var vm = this;

    var onReviewComplete = function(response) {
        vm.reviews = response.data;
    };

    var onError = function(reason) {
        vm.error = reason.data;
    };

    $http.get('../DataService/services/reviews/getReviews.php')
        .then(onReviewComplete, onError);

    //Insert Review
    vm.insertReview = function(review){

        //Create review object.
        var reviewObj = {
          'name' : review.name,
          'message' : review.message
        };

        var insertRequest = $http.post('xxnx.com', reviewObj);

        insertRequest.success(function(data, status, headers, config) {
            vm.showSuccessAlert = true;
            vm.clearForm(review)
        });

        insertRequest.error(function(data, status, headers, config) {
            vm.showFailAlert = true;
        });
    };

    vm.clearForm = function (review){
        review.name = "";
        review.message = "";
    };
}

})();

<div class='container-fluid' ng-app='reviewsApp' ng-controller='ReviewsController'>

        <div class='container'>

        <div class='row'>
            <h1 class='col-md-12 review-main-heading'> Reviews </h1>
        </div>

        <div class='row'>
            <div class='col-md-9'>

you need to instantiate your module like .module('reviewsApp', []) and put dependancy inside [] — Varit J Patel
– Varit J Patel, Commented Aug 3, 2016 at 16:29

Sajeetharan · Accepted Answer · 2016-08-03 16:30:02Z

1

You need to add the [] to mention the dependencies too,

Change

From

angular.module('reviewsApp')
    .controller('ReviewsController', ReviewsController);

To

angular.module('reviewsApp',[])
    .controller('ReviewsController', ReviewsController);

answered Aug 3, 2016 at 16:30

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Teymur Mardali · Accepted Answer · 2016-08-03 16:42:06Z

1

Try like this:

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

reviewsApp.controller('ReviewsController',['$scope', '$http' function($scope, $http) {

// Your own code which is in - "function ReviewsController(){}" - comes here

}]);

answered Aug 3, 2016 at 16:42

Teymur Mardali

8477 silver badges20 bronze badges

Collectives™ on Stack Overflow

Issues with AngularJS Controller and module

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related