在输入中输入 4 个字符后如何在 AngularJS 中进行搜索

Question

我有一个MySQL 数据库，我使用AngularJS 在其中搜索。仅当我在此输入中打印 4 个或更多字符时如何搜索？

HTML 代码：

<div class="search">
  <form action="" method="post" class="searchform" >
    <input type="search" name="" placeholder="Search" class="inputsearchform" ng-model="search"/>
    <input type="submit" name="" value="" class="submitsearchform" />
  </form>
</div>
<div class="songlist" >
  <table id="songlistTableR" ng-controller='main_control'>   
    <tr><th>Name</th><th>Link</th></tr>    
    <tr class="rowR" ng-repeat="data in loaded | filter:{song_name: search}">
      <td><i class="fa fa-plus"></i>{{data.song_name}}</td>
      <td><a href="{{data.link}}" target='_blank'>Youtube</a></td>     
    </tr>
  </table>      
</div>

JS代码：

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

Answer 1

我确定这是一个重复的问题，但解决方案是添加 ng-minlength 属性。用作：

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

这应该可以实现您想要的。