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>