web-dev-qa-db-ja.com

AngularJS： '$ scope is not defined'

AngularJSのこのコントローラーコードで「$ scope is not defined」コンソールエラーが発生し続けます。

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;
    });
};

$ scopeが正しく定義されていないという問題を見つけるために、AngularJS MVCファイルのどこを見ればよいですか？

javascriptangularjsmean-stack
6
tonejac

コントローラ内にそのコードを配置します：-

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;
    });
};
        }
    ]);
9
squiroid

Googleからここに到着した他のユーザーにとって、縮小化のために関数に注釈を付けるときに$scopeの前後の引用符を忘れると、このエラーが発生します。

エラー

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

ハッピーアンギュラー

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

$ scope.create関数をコントローラー内に置くだけです。外ではない！

$ scopeはコントローラーでのみ定義され、各コントローラーには独自のスコープがあります。したがって、コントローラの外で$ scopeを書くことはできません。

4
Hornth

コントローラーの定義後に宣言されたスコープ変数を確認してください。例えば：

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

});

ビューページでコントローラの定義された範囲を確認してください。

例えば：

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

<div>
0
yasin