Pessoa, como crio um formulário com alguns campos para consulta por exemplo: Nome e Telefone e um botão Consultar para enviar esses dados para o backend consultar e exibir em uma outra View o retorno em uma tabela dinâmica.
Consigo fazer isso utilizando Service normalmente, mas só funciona uma única vez, quando tento realizar a mesma consulta os dados são retornados para a minha View, porém na minha tabela aparecem os dados do backend mas também aparece "Nenhum registro foi encontrado".
No meu sistema eu tenho o form com os campos vinculados ao Controller DadosCtrl e quando eu clico em consultar o meu Service chama outra rota com outro Controller ListDadosCtrl.
Como disse, os dados são trazidos normalmente mas só funciona na primeira vez.
Não sei se utilizar um controller para envio e outro para listar é a melhor forma.
Alguém tem alguma idéia de como posso criar esse formulário para consultas?
Segue o código que estou tentando fazer. Modifiquei algumas coisas para simplificar.
// View com Form de Consulta
<form name="frmClientesConsulta">
<div class="row cells4">
<div class="cell">
<label>Nome:</label>
<input type="text" class="input-control text" ng-model="dadclientes.nome">
</div>
<div class="cell colspan2">
<label>Telefone:</label>
<input type="text" class="input-control text" ng-model="dadclientes.telefone">
</div>
<div class="cell">
<button ng-click="buttonExecute('consultar')">Consultar</button>
</div>
</div>
</form>
Ao clicar no botão ele executa a função abaixo para enviar ao service os dados que vou enviar para o backend consultar
//Controller DadosCtrl
define(['app'], function (app) {
'use strict';
app.controller('DadosCtrl', ['$scope','$location','dadosCliente', function ($scope,$location,dadosCliente) {
$scope.dadclientes = [];
$scope.buttonExecute = function (nameAction) {
if (nameAction == 'consultar') {
dadosCliente.setItem($scope.dadclientes);
} else if (nameAction == 'limpar') {
$scope.dadclientes = [];
};
};
}]);
});
o Botão chama o service abaixo para setar os valores num vetor para ser passado para o outro controller (ListDadosCtrl)
// Service dadosClientes
define(['app'], function (app) {
'use strict';
app.service('dadosClientes', function dadosClientes($location) {
var dados = [];
return {
getItem: function () {
return dados;
},
setItem: function(value) {
dados = value;
$location.path('/dados/list_clientes'); // Essa Rota irá apontar para a VIEW que possui a tabela dinamica e o Controller (ListDadosCtrl)
}
};
});
});
Ao chamar o controller abaixo, chamo novamente o service para dar um getItem e buscar os dados que foram submetidos no form.
//Controller ListDadosCtrl
define(['app'], function (app) {
'use strict';
app.controller('ListDadosCtrl', ['$scope','$location','dadosClientes', function ($scope,$location,dadosClientes) {
var dados = [];
$scope.clientes = [];
dados = dadosCliente.getItem();
if (dados.telefone == "123") {
$http.get('http://localhost:3000/clientes').success(function(data) {
if (data.length > 0) {
$scope.clientes = data;
}
});
}
}]);
});
Nesse controller acima, estou só fazendo um SIMULAÇÃO, caso eu passe o valor de telefone 123 ele faz um GET e executa a busca de dados de alguns clientes.
No momento em que fiz o setItem no Service, já usei o $location para acionar a outra view onde os dados serão exibidos.
// View com Tabela Dinâmica que recebe os dados do BackEnd
<table class="dataTable"
data-role="datatable"
data-searching="true"
data-paging="true"
data-language="{{language}}">
<thead>
<tr>
<th>ID</th>
<th>NOME</th>
<th>TELEFONE</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="cliente in clientes">
<td>{{cliente.id}}</td>
<td>{{cliente.nome}}</td>
<td>{{cliente.telefone}}</td>
</tr>
</tbody>
</table>
Como comentei no post original, a busca dos dados sempre ocorre normalmente, o get funciona blzinha, mas infelizmente só ocorre uma vez. Se eu volto no form de consulta e clico no botão novamente, os dados são exibidos na tabela porém por se tratar de um DataTable, a tabela não entende que possui registros e coloca a mensagem "Nenhum registro foi encontrado"
Talvez haja uma outra forma bem mais simples de construir o que estou precisando. Desde já agradeço.