Angular

Question

içinde arama yaparken tüm verileri yüklemekten kaçınmak için AngularJS kullanarak büyük veriyi yalnızca girişte> 3 karakter girdiklerinde araştırıyorum.

var app = angular.module('test_table', []); 
app.controller('main_control',function($scope, $http){ 
    $scope.inputChange = function(){ 
     if($scope.search.length > 3){ 
      $http.get("http://localhost:7001/load").success(function(data){ 
       $scope.loaded=data; 
      }); 
     } 
     if($scope.search.length < 4){ 
      $http.get("http://localhost:7001/load").success(function(data){ 
       $scope.loaded=""; 
      }); 
     } 
    }  
}); 

HTML kodu:

<input type="search" class="inputsearchform" ng-model="search" ng-change="inputChange()"/> 
... 
<tr class="rowR" ng-repeat="data in loaded | filter:{song_name: search}"> 

Ben sorun var. 3 karakterden fazla yazı yazıp girdideki varsayılan düğmeyi kullanarak her şeyi sildiğimde, tüm veriler sayfaya yüklenir ve büyük bir gecikmeye neden olur. Nasıl başa çıkılır bununla?

Answer 1

Aşağıdaki ekleyebilirsiniz:

if($scope.search.length == 0){ 
     $scope.loaded=""; 
} 

veya sil düğmesi tarafından tetiklenen bir işlev oluşturun:

$scope.delete = function(){ 
     $scope.loaded=""; 
} 

PS: Sen gidiyorsun eğer bir hizmeti çağırmalıdır değil Boş bir değişken atayın:

 if($scope.search.length < 4){ 
      $http.get("http://localhost:7001/load").success(function(data){ 
       $scope.loaded=""; 
      }); 
     } 

müttefik olabilir: 2

 if($scope.search.length < 4){ 
       $scope.loaded=""; 
     } 

PS: if($scope.search.length < 4) gerçekten mantıklı değil ya çünkü 3 karakter varsa - Bunu önlemek amacıyla

Answer 2

aw04 @ tarafından atlatmış olarak ifadesi memnun olurdu Gecikme, oluşturduğunuz verileri sınırlamanız gerekir. Bunun için açısal filtreyi limitTo kullanabilirsiniz. LimitTo'yu varsayılan olarak yüklemek istediğiniz herhangi bir değere ayarlayın.