Editar objeto via modal no AngularJS - usar um objeto temporário?
Cenário: Usuário clica no item. A seguir, o código é executado e abre um modal com uma caixa de texto com o nome do item preenchido.
$scope.edit = function (item) {
$scope.editingItem = { Name: item.Name };
};
Meu HTML dentro do modal:
<input type="text" ng-model="editingItem.Name"/>
Isso funciona bem, os shows modais (usandong-show
) e a caixa de texto é preenchida com o nome do item.
Estou usando um novo objeto para preencher a caixa de texto porque não quero que o objeto original seja alterado (via ligação de dados automática AngularJS) até que eu pressione o botão Salvar.
Então este HTML:
<a href="" ng-click="update(editingItem)">Save</a>
Leva a:
$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?!
};
Meu problema, porém, é o que colocar noupdate
método? Eu quero atualizar o originalitem
(realizada em uma matriz de itens).