javascript - 如何仅在输入内容时加载数据

Question

我有:

<input type="search" name="" placeholder="Search" class="inputsearchform" ng-model="search"/> 

<tr class="rowR" ng-repeat="data in loaded | filter:{song_name: search}">

只有当我在输入中键入 4 个或更多字符时才可以加载数据吗？我写了 inputChange 函数，但我不知道如何从 tr 的属性中调用它。

app.controller('main_control',function($scope, $http){
    $scope.inputChange = function(){
        if($(".inputsearchform").val().length > 3){
            $http.get("http://localhost:7001/load").success(function(data){
                $scope.loaded=data; 
            });
        }
    }       
});

或者在页面加载时加载数据但不向用户显示数据可能是更好的解决方案，因为它有 10000 个项目。然后仅在输入 4 个字符后搜索并显示结果。我该怎么做？

Answer 1

您需要使用 ngChange:https://docs.angularjs.org/api/ng/directive/ngChange

你可以把它添加到输入中

<input ng-change="inputChange()" ... />

您还可以更改 inputChange 函数来检查 $scope.search.length 而不是使用 $(".inputsearchform").val().length。

if($scope.search.length > 3 && !$scope.loaded){...