Щелчок формы с редактируемыми полями с ng-click

Question

Я создаю адресную книгу, где пользователи могут редактировать поля по мере их нажатия. Я нашел эту скрипку через нить: http://jsfiddle.net/timriley/GVCP2/

Но это не объясняет, как это сделать с источником данных стиля JSON. Как новичок в Angularjs я изо всех сил, чтобы найти способ связать редактируемые формы в модель данных, чтобы моя попытка довольно беден:

function ClickToEditCtrl($scope) { 
    $scope.contacts = [ 
    { 
     "id": 1, 
     "Name": "Betty", 
     "Surname": "Smith", 
     "Address": "24 Funny Avenue, wc149m, London, United Kingdom" 
    }, 
    { 
     "id": 2, 
     "Name": "Anabella", 
     "Surname": "Vicks", 
     "Address": "19 Euston Road n12clm, London, Isle of Man" 
    }]; 


    $scope.editorEnabled = false; 

    $scope.enableEditor = function() { 
    $scope.editorEnabled = true; 
    $scope.editableAddress = $scope.contacts.Address; 
    }; 

    $scope.disableEditor = function() { 
    $scope.editorEnabled = false; 
    }; 

    $scope.save = function() { 
    $scope.contacts = $scope.editableAddress; 
    $scope.disableEditor(); 
    }; 
} 

http://jsfiddle.net/

Как сделать все поля для редактирования и обновляемым в массив JSON?

Answer 1

Забудьте грязный вопрос выше. Я нашел этот блестящий комплект AngularJS, которого я знал около 2 дней назад: http://vitalets.github.io/angular-xeditable/.

FIXED