Angular table with edit,update and delete
<!DOCTYPE html> <html lang="en" ng-app='MyApp' > <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script> <script> var app=angular.module('MyApp', []); app.controller('maincontroller',function($scope){ $scope.items=[ { name:"John Doe", city:'Ludhiana', state:'new York' }, { name:"John cena", city:'hariana', state:'USA' }, { name:"sunny", city:'Bombay', state:'Punjab' } ]; $scope.del=function(item){ console.log(item); }; $scope.add=true; $scope.addEnabled=function(){ $scope.add=false; } $scope.addItem=function(item){ console.log(item); $scope.items.push(item); $scope.add=true; }; ...