AngularJS: '$scope is not defined'

Question

I keep getting '$scope is not defined' console errors for this controller code in AngularJS:

angular.module('articles').controller('ArticlesController', ['$scope', '$routeParams', '$location', 'Authentication', 'Articles',
        function($scope, $routeParams, $location, Authentication, Articles){
            $scope.authentication = Authentication;
        }
    ]);


$scope.create = function() { // THROWS ERROR ON THIS INSTANCE OF $SCOPE
    var article = new Articles({
        title: this.title,
        content: this.content
    });

    article.$save(function(response) {
        $location.path('articles/' + response._id);
    }, function(errorResponse) {
        $scope.error = errorResponse.data.message;
    });
};

Where in my AngularJS MVC files should I be looking at to find problems with the $scope not being defined properly?

yeah, that's correct error. $scope is injected into your controller, or anyfactor or service, its not available globally. you has to put it in the controoler or factory.... Angular parses the anonymous function's args as string and then assigns the value if defined. approximately — argentum47
– argentum47, Commented Apr 1, 2015 at 8:02

rhinosforhire · Accepted Answer · 2016-01-25 17:18:53Z

20

For others who land here from Google, you'll get this error if you forget the quotes around $scope when you're annotating the function for minification.

Error

app.controller('myCtrl', [$scope, function($scope) {
  ...
}]);

Happy Angular

app.controller('myCtrl', ['$scope', function($scope) {
  ...
}]);

answered Jan 25, 2016 at 17:18

rhinosforhire

1,34511 silver badges20 bronze badges

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

Comments

squiroid · Accepted Answer · 2015-04-01 08:01:15Z

9

Place that code inside controller:-

angular.module('articles').controller('ArticlesController', ['$scope', '$routeParams', '$location', 'Authentication', 'Articles',
        function($scope, $routeParams, $location, Authentication, Articles){
            $scope.authentication = Authentication;

$scope.create = function() { // THROWS ERROR ON THIS INSTANCE OF $SCOPE
    var article = new Articles({
        title: this.title,
        content: this.content
    });

    article.$save(function(response) {
        $location.path('articles/' + response._id);
    }, function(errorResponse) {
        $scope.error = errorResponse.data.message;
    });
};
        }
    ]);

answered Apr 1, 2015 at 8:01

squiroid

14.1k7 gold badges50 silver badges68 bronze badges

1 Comment

tonejac Over a year ago

Ahhh.... I didn't realize I'd placed the '.create' method outside the controller function. (newbie to AngularJS) Thanks for the guidance and pointing out the problem!

Hornth · Accepted Answer · 2015-04-01 08:04:47Z

4

Just put you $scope.create function inside your controller. Not outside !

$scope is only defined in controllers, each controller have its own. So write $scope outside your controller can't work.

answered Apr 1, 2015 at 8:04

Hornth

3236 silver badges15 bronze badges

Comments

yasin · Accepted Answer · 2016-07-13 09:24:49Z

0

Check scope variable declared after controller defined. Eg:

    var app = angular.module('myApp','');
     app.controller('customersCtrl', function($scope, $http) {
     //define scope variable here.

});

Check defined range of controller in view page.

Eg:

<div ng-controller="mycontroller">
//scope variable used inside these blocks

<div>

edited Jul 13, 2016 at 9:24

answered Jul 13, 2016 at 9:19

yasin

4414 silver badges3 bronze badges

Collectives™ on Stack Overflow

AngularJS: '$scope is not defined'

4 Answers 4

Error

Happy Angular

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Error

Happy Angular

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related