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