Estou trabalhando com uma aplicação onde em uma view
eu possuo o cadastro de produtos de uma empresa, ou de seus clientes, fornecedores, etc.. Cada view
atende uma área específica, porém cada view
trabalha com diversos dados e fluxo de dados, como adicionar novos itens, deletar e atualizar.
O problema que tenho notado é que, quando a view
possui muitos itens, ao executar uma adição, onde é necessário fazer um reload
da lista, para poder inserir o novo dado com o seu respectivo id do banco, existe uma "duplicada" de toda a lista por um breve momento. A grosso modo falando, eu insiro um novo cliente, ele faz o reload
da lista, aplica toda a lista ao fim da lista que já está na view
para só depois remover a lista antiga.
O código que estou utilizando não tem segredo, possui $http
simples de POST
e GET
(meu backend é controlado por PHP
) como no exemplo:
ctrl.js
//Chamada automática
function getProduto() {
factProdutos.getProdutos().then(function (res) {
vm.produtos = res;
});
};
//Chamada da view
vm.addProduto = addProduto;
//Function - Produtos
function addProduto(id) {
var data = {id_empresa:id};
$http.post('php/mainFile.php?action=addProduto', data).then(
function(res) { getProduto(); },
function(err) { alert(feedbackError); }
);
};
factory.js
function _getProdutos() {
return $http.get("php/getFile.php?action=getProduto").then(
function(res) { return res.data;},
function(err) {alert(feedbackError);}
);
};
Para fazer a exclusão ou update não há problema, pois eu faço o processo no Banco de Dados sem necessidade de recarregar as informações, o AngularJs se encarrega de fazer isso na view. O mesmo ocorre para remover um produto da lista, apenas utilizo o $filter
e excluo o elemento da array.
O problema ocorre mesmo ao fazer uma nova inserção, pois necessito do id para efetuar os processos futuros. Já li a respeito de utilizar a mesma lógica do $filter para a exclusão, porém, ao invés de remover, adicionar o novo dado.
Mas como identificar qual é o novo dado? Ou comparar a nova lista carregada com a lista que está atualmente na minha view
? Ou ainda, este é o melhor modo de fazer essa otimização, ou existe um método melhor?
Não se trata bem de um erro, mas sim de uma otimização do fluxo de dados.
addProduto
(no servidor) não pode devolver o ID?