7 jun
2017

Como hacer una consulta de datos en HTML utilizando javascritp o .json [en espera]

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>

COMENTARIOS

DEJA TU COMENTARIO

© 2017 website by Rubit Corporation