Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我在ng keyup上调用一个函数在数据库中搜索,在得到结果后,我在DIV中显示结果。。?_Javascript_Html_Css_Angularjs - Fatal编程技术网

Javascript 我在ng keyup上调用一个函数在数据库中搜索,在得到结果后,我在DIV中显示结果。。?

Javascript 我在ng keyup上调用一个函数在数据库中搜索,在得到结果后,我在DIV中显示结果。。?,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,但是当输入搜索为空时,它也会显示结果,但我不希望结果在输入搜索为空时显示 这是我的 服务:-- 我的控制器是: .controller('adminSearchCtrl', function ($scope, $rootScope, $location, AdminSearchService, $cookies){ // $rootScope.user = JSON.parse($cookies.get('AtoB')).user; var userToken = JSON.pa

但是当输入搜索为空时,它也会显示结果,但我不希望结果在输入搜索为空时显示 这是我的 服务:--

我的控制器是:

.controller('adminSearchCtrl', function ($scope, $rootScope, $location, AdminSearchService, $cookies){
    // $rootScope.user = JSON.parse($cookies.get('AtoB')).user;
    var userToken = JSON.parse($cookies.get('AtoB')).user;
    $scope.searchUser = function(){
        AdminSearchService.searchUser(userToken.token, $scope.userSearchData.searchByUser)
        .then(function(response){
            $scope.resppppp = response.results;
        })
        .catch(function(err){
            $scope.error = err.message;
        });
    }
});
显示服务器详细信息的Html文件是

<div class="col-md-12 col-sm-12 col-xs-12 userSearchBar" ng-hide="showme">
    <div class="search">
        <span class="glyphicon glyphicon-search search_icon"></span>
        <input class="query" placeholder="Search By User" name="searchByUser" ng-model="userSearchData.searchByUser" id="inputSearch" ng-keyup="searchUser()" />
    </div>
    <div ng-show="resppppp.length > 0">
       <ul ng-repeat="rep in resppppp"><li>{{rep.email}}</li></ul>
    </div>
    <div ng-show="resppppp.length == 0">NO Result</div>

</div>

  • {{rep.email}
没有结果

请帮我解决这个问题。

我得到了上述问题的答案,只需检查输入框是否为空,并相应地显示和隐藏您的DIV即可 我已经在我的控制器中设置了这样的条件,在这一行之后的内部函数

$scope.searchUser = function(){

  if(inputSearch.value==0){
    $("#dataFetchedFromServer").hide();
  }
  else{
    $("#dataFetchedFromServer").show();
  }
}
id dataFetchedFromServer被赋予此DIV

  <div ng-show="resppppp.length > 0" id="dataFetchedFromServer"></div>

  <div ng-show="resppppp.length > 0" id="dataFetchedFromServer"></div>