Замена объекта в массиве

Question

Я создал jsfiddle, чтобы demostrate моей проблемы

`http://jsfiddle.net/hin123/tcVhN/129/`  

У меня есть надстройка и кнопка работает в этом примере удалить, но, кажется, я не могу найти сделать кнопку редактирования. Я не уверен, что не так, помощь будет оценена

Answer 1

Я считаю, что вы должны использовать ng-repeat для рендеринга списка, и каждый элемент списка должен иметь некоторую кнопку редактирования. Нажав на кнопку, вы должны перейти на страницу редактирования.

Лучше всего обновить объект по этому индексу, вместо того, чтобы нажимать новый объект в массиве.

Вы можете обновить метод UpdateData фабрики на что-то вроде этого -

updateData: function (index, changedObj) { 
    //merge the tempData object at position index and changedObject obj 
    angular.extend(tempData[index], changedObject); 
} 

Answer 2

Если вы привязки данных значений записи о том, что пользователь редактирует, то ваша save функция может быть столь же просто, как:

$scope.save = function() { 
    WebApi.updateData($scope.tempData); 
}; 

Это будет работать только, если, конечно, WebApi.updateData может обнаружить изменения в существующих объектах. (В вашем примере установка tempData возвращает к себе изменения в объекте, привязанным к данным.)

Чтобы настроить привязку данных на странице редактирования, вы можете сохранить отредактированный объект в области ($scope.editedRecord), а затем сделайте что-нибудь вроде:

<input type="text" ng-model="editedRecord.customerName"> 

И так далее для каждого свойства отредактированной записи, которую вы выставили.