Objekt in AngularJS modal bearbeiten - temporäres Objekt verwenden?

Szenario: Der Benutzer klickt auf das Element. Der folgende Code wird ausgeführt und ein Modal mit einem Textfeld geöffnet, in dem der Name des Elements eingetragen ist.

$scope.edit = function (item) {
    $scope.editingItem = { Name: item.Name };
};

Mein HTML innerhalb des Modals:

<input type="text" ng-model="editingItem.Name"/>

Dies funktioniert gut, das Modal zeigt (mitng-show) und das Textfeld wird mit dem Namen des Elements gefüllt.

Ich benutze ein neues Objekt, um das Textfeld zu füllen, weil ich nicht möchte, dass sich das ursprüngliche Objekt ändert (über die automatische AngularJS-Datenbindung), bis ich auf die Schaltfläche Speichern drücke.

Dann dieser HTML:

<a href="" ng-click="update(editingItem)">Save</a>

Führt zu:

$scope.update = function (item) {
    // What do I put in here to update the original item object that was passed
    // into the edit function at the top of this question?!
};

Mein Problem ist jedoch, was ich in die Liste aufnehmen sollupdate Methode? Ich möchte das Original aktualisierenitem (in einer Reihe von Elementen gehalten).

Antworten auf die Frage(1)

Ihre Antwort auf die Frage