Angular JS- $ scope未定义

Question

  $scope.save = function () {
        $.ajax({
            type: "POST",
            url: "http://localhost:57083/EntityService.asmx/InsertEntity",
            data: "{'Eno':'" + $scope.Eno + "','Ename':'" + $scope.Ename + "','DOB':'" + $scope.DOB + "','State':'" + $scope.State + "','City':'" + $scope.City + "','pin':'" +
            $scope.pin + "','mobile':'" + $scope.mobile + "'}",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            success: function (responseData) {
                alert(responseData.d);
            },
            error: function (responseData) {
                alert(responseData.d);
            }

        });
    };

In this Code i am trying to connect with database using angular JS. But it is not working,it shows error as "$scope" is undefined.Can anyone explain?

Answer 1

This is a common error when a module has not been injected in the reference area of the controller ie

myApp.controller('GreetingController', ['$scope', function($scope) {
  ...
}]);

Answer 2

Instead of $.ajax use $http service:

var req = {
 method: 'POST',
 url: 'http://localhost:57083/EntityService.asmx/InsertEntity',
 headers: {
   'Content-Type': "application/json;charset=utf-8"
 },
 data: "{'Eno':'" + $scope.Eno + "','Ename':'" + $scope.Ename + "','DOB':'" + $scope.DOB + "','State':'" + $scope.State + "','City':'" + $scope.City + "','pin':'" +
            $scope.pin + "','mobile':'" + $scope.mobile + "'}",
}

$http(req).success(function(responseData)
{ alert(responseData.d);
})
.error(function(responseData){
 alert(responseData.d);
});

you need to inject $http service in controller the same way as you have injected $scope now.