Saludos estoy trabajando en un proyecto Html con bootstrap en el mismo tengo que hacer unas consultas de datos por medio de un ID. pero al ser pocos datos no quiero hacer una base de datos e investigado un poco pero solo encuentro filtrar tablas, pero el asunto es que no quiero que se muestren los datos sino hasta realizar la busqueda por eso filtrar tablas no me conviene.
Se me oucrre manejar los datos en archivos .json o javascritp perno no se como empezar. Me pueden echar una mano o algun consejo como iniciar.
en el siguiente ejemplo se muestran los datos pero yo no quiero que esten visualmente hasta que se aplique el filtro y no quiero que filtre hasta que se presione el boton.
angular.module('busquedaAvanzada', [])
.controller('busquedaController', ['$scope', function($scope){
$scope.lista = [
{nombre: 'Pepe', apellido: 'Trueno'},
{nombre: 'Kava', apellido: 'Zorro'},
{nombre: 'Rosa', apellido: 'Melo'},
{nombre: 'Elmo', apellido: 'Jones'},
{nombre: 'Gato', apellido: 'Negro'}
];
}]);
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Busqueda Angular</title>
<script src="angular.min.js"></script>
<script src="buscar.js"> </script>
</head>
<body ng-app="busquedaAvanzada">
<input type="text" ng-model="busqueda">
<button>Enviar</button>
<table ng-controller="busquedaController">
<thead>
<tr>
<th>Nombre</th>
<th>Apellido</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in lista | filter: busqueda">
<td>{{item.nombre}}</td>
<td>{{item.apellido}}</td>
</tr>
</tbody>
</table>
</body>
</html>