Sample AngularJS CRUD Applictaion in ASP.net MVC4

Question

Give example for AngularJS CRUD Applictaion in ASP.net MVC4 ? Here i wanna use entityframework for database ? Thanks in advance !

Vijay · Answer

Instead of ApiController  what is the possible ways . .Binding InsertDeleteEdit & Update

Vijay · Answer

Hi Sanjeeb Lenka  thanks for that link u had posted....I am trying with ASP.net MVC4 with that sample... I did with controller and Model as same as that example. I used entity framework. In that example they used ApiController. But i used like this function PostController($scope $http) { $scope.loading = true; $scope.addMode = false; $http.get('/Customer/Get/').success(function (data) { $scope.customers = data; $scope.loading = false; debugger; }) .error(function () { $scope.error = An Error has occured while loading posts!; $scope.loading = false; }); $scope.toggleEdit = function () { this.customer.editMode = !this.customer.editMode; }; $scope.toggleAdd = function () { $scope.addMode = !$scope.addMode; }; $scope.save = function () { $scope.loading = true; var cust = this.customer; $http.put('/Customer/Put/' cust).success(function (data) { alert(Saved Successfully); cust.editMode = false; $scope.loading = false; }) .error(function (data) { $scope.error = An Error has occured while Saving Customer! + data; $scope.loading = false; }); }; $scope.add = function () { $scope.loading = true; $http.post('/Customer/Post/' this.newCustomer).success(function (data) { alert(Added Successfully); $scope.addMode = false; $scope.customers.push(data); $scope.loading = false; }) .error(function (data) { $scope.error = An Error has occured while Adding customer!  + data; $scope.loading = false; }); }; $scope.delCustomer = function () { $scope.lo = false; var customerId = this.customer.CustomerID; $http.delete('/Customer/Delete/' + customerId).success(function (data) { alert(Deleted Successfully !); $.each($scope.customers function (i) { if ($scope.customers[i].CustomerID == customerId) { $scope.customers.splice(i 1); return false; } }); $scope.loading = false; }) .error(function (data) { $scope.error = An error has occurred while saving customer ! + data; $scope.loading = false; }); } } Even loading the image is not working for me ! I am getting error

Sanjeeb Lenka · Answer

Hi Refer to this link it may help you. http://www.ashishblog.com/blog/crud-operation-using-angularjs-and-webapi-in-asp-net-webform/