How to search for files by name

Question

How to search for files by name

Navigation

#1 by (0 votes)

1

I'm trying to search through names in a folder containing several different JSON files.

var app = angular.module('myApp', []);

app.controller('customersCtrl', ['$scope','$http',function($scope, $http){

    $scope.buscar = function(name){
        $scope.search = name;
        $scope.lista = $scope.pesquisa;
        if(name != null){
            $http.get("http://10.10.6.22/json").success(function(data)
         {
            $scope.pesquisa = data;
         });
            return $scope.lista = {};
        }
    else{
      return "O Nome nao existente";
        }
    }
}]);

<!DOCTYPE html>
<html ng-app="myApp">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
        <link rel="stylesheet" type="text/css" href="css/lattes.css"/>

        <title>Lattes</title>

    </head>

    <body ng-controller="customersCtrl">

        <h1>Buscador lattes</h1>
        <div class="col-xs-12 col-md-12" id="teste">
                <!--Com botão-->
                <input type="text" placeholder="Search" ng-model="search"class="ng-pristine ng-untouched ng-valid">
                <button type="submit" ng-click="buscar(name)" class="btn btn-success">
                    <i classe="glyphicon glyphicon-search"></i></button>
                </div>

    <!--Sem botão-->
    <!-- <input type="text" ng-model="data"ng-keyup="procurar(data)"> -->


        <!--CCM-->
        <div id="name">
        <table class="table table-striped">
            <!-- <thead>
                    <tr>
                        <th>Data</th>
                        <th>Artigo</th>
                        <th>Qualis</th>
                        <th>Evento</th>
                    </tr>
            </thead> -->
            <tbody>
                <tr ng-repeat="x in lista | filter: search">
                    <td>{{x.ano}}</td>
                    <td>{{x.artigo}}</td>
                    <td>{{x.qualis}}</td>
                    <td>{{x.evento}}</td>
                </tr>
            </tbody>
        </table>
        </div>
        <!--CCM-->

    </body>
    <script src="lib/angular.js"></script>
    <!--<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>--><!--<scripttype="text/javascript" src="js/app.js"></script> -->
    <script type="text/javascript" src="js/controller.js"></script>
</html>

It did not work, so I tried this way but it will not, or when it does, only one of my two options returns.

var app = angular.module('myApp', []);
app.controller('customersCtrl', ['$scope','$http',function($scope, $http){
        $http.get("http://10.10.6.22/json/MarcosdeCastro.php").success(function(data){
                $scope.pesquisa = data;
            $scope.nome = "Marcos de Castro";
            $scope.buscar = function(name){
            $scope.search = name;
            $scope.lista = $scope.pesquisa;
            if((name && nome)=='Marcos de Castro'){
            $scope.lista = {};
            }
        }
    });
            $http.get("http://10.10.6.22/json/MauroHenrique.php").success(function(data){
                $scope.pesquisa = data;

            $scope.nome = "Mauro Henrique";
            $scope.buscar = function(name){
            $scope.search = name;
            $scope.lista = $scope.pesquisa;
            if((name && nome)=='Mauro Henrique'){
            $scope.lista = {};
            }
        }
    }); 

}]);

<!DOCTYPE html>
<html ng-app="myApp">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
        <link rel="stylesheet" type="text/css" href="css/lattes.css"/>

        <title>Lattes</title>

    </head>

    <body ng-controller="customersCtrl">

        <h1>Buscador lattes</h1>
        <div class="col-xs-12 col-md-12" id="teste">
                <!--Com bot�o-->
                <input type="text" placeholder="Search" ng-model="search"class="ng-pristine ng-untouched ng-valid">
                <button type="submit" ng-click="buscar(search)" class="btn btn-success">search
                    <i classe="glyphicon glyphicon-search"></i></button>
                </div>

    <!--Sem bot�o-->
    <!-- <input type="text" ng-model="data"ng-keyup="procurar(data)"> -->


        <!--CCM-->
        <div id="name">
        <table class="table table-striped">
            <!-- <thead>
                    <tr>
                        <th>Data</th>
                        <th>Artigo</th>
                        <th>Qualis</th>
                        <th>Evento</th>
                    </tr>
            </thead> -->
            <tbody>
                <tr ng-repeat="x in lista | filter: search">
                    <td>{{x.ano}}</td>
                    <td>{{x.artigo}}</td>
                    <td>{{x.qualis}}</td>
                    <td>{{x.evento}}</td>
                </tr>
            </tbody>
        </table>
        </div>
        <!--CCM-->

    </body>
    <script src="lib/angular.js"></script>
    <!--<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>--><!--<scripttype="text/javascript" src="js/app.js"></script> -->
    <script type="text/javascript" src="js/controller.js"></script>
</html>

javascript html angularjs html5

asked by anonymous 28.04.2015 / 04:36

1 answer

html / php form Socket.io acknowledgment from client to server

score 0 · Accepted Answer

Looking at your code, and starting from the beginning that this is the whole code,

<input type="text" placeholder="Search" ng-model="search"class="ng-pristine ng-untouched ng-valid">

The ng-model of input has the value search , however in the

<button type="submit" ng-click="buscar(name)" class="btn btn-success">

You use name .

Then in your javascript

$scope.buscar = function(name){
    $scope.search = name;
    $scope.lista = $scope.pesquisa;

You use name , which has never been defined somewhere, and changes the value to ng-model of input to be equal to a parameter that has no value.

If you use

<button type="submit" ng-click="buscar(search)" class="btn btn-success">

and in Javascript

$scope.buscar = function(name){
    //$scope.search = name;
    $scope.lista = $scope.pesquisa;
    if(name != null){

(note the commented line) it's very likely that the code does what you want.