controller.js

var app = angular.module('myApp', []);

app.controller("myCtrl", function($scope) {
    $scope.title="Contacts App";
   $scope.recordsArray={};
   $scope.contactsArray=[];
   

    $scope.AddContacts=function(){

    	$scope.recordsArray.type='add';
    	$scope.modalTitle='Provide Details';
 			$("#myModal").modal({ }); 
    }

	 $scope.save =function(){
	 	if($scope.recordsArray.type == 'add'){
		$scope.contactsArray.push($scope.recordsArray);
		console.log($scope.contactsArray);
		
		$scope.recordsArray={}

			$('#myModal').find("input,textarea,select").val('').end();

		}else{
			$scope.updateInArray($scope.recordsArray);
		}
	}

	$scope.remove = function(item) { 
  		  var index = $scope.contactsArray.indexOf(item);

  		    $scope.contactsArray.splice(index, 1);     
		}

    $scope.update= function(item){

    	 var index = $scope.contactsArray.indexOf(item);
    	
    	$scope.modalTitle='Update Details';

    	$scope.recordsArray.name=item.name;
    	$scope.recordsArray.address= item.address;
    	$scope.recordsArray.number= item.number;
    	$scope.recordsArray.type='edit';
    	$scope.recordsArray.id=index;
    	
    	$("#myModal").modal({ }); 
    	 
    	 
   		
    }

    $scope.updateInArray=function(data){
    	
    	
    	$scope.contactsArray[data.id]=data;
    	$scope.recordsArray={}
    	
    	$('#myModal').find("input,textarea,select").val('').end();
    }

    

});