javascript - 使用相似且不完全相同的单词进行 Angular 过滤搜索

Question

过滤器仅查找完全匹配但不相似的文本。例如。如果其中一个条目是“John Dwayne Smith”，用户必须按照精确的顺序键入这些单词，以便过滤器搜索它们，但如何使搜索以“Hello there, world!”的方式进行？即使人们输入这些单词的组合(例如“John Smith”)也会显示？

HTML:

<input type="text" placeholder="Search" ng-model="userSearch">

   <div ng-repeat="user in users | filter:userSearch">
     <div>
       {{user.firstname}} {{user.lastname}}
     </div>
   </div>

JS:

angular.module('myApp', [])
  .controller('myCtrl', function($scope){

  $scope.users = [

    {firstname: 'john', lastname: 'dwayne smith'},
    {firstname: 'jane', lastname: 'dwayne due'},
    {firstname: 'bob', lastname: 'dwayne rand'}

  ];

});

JSBin Example

Answer 1

看看angular-filter 。它提供了fuzzy filter .

<input type="text" ng-model="search" placeholder="search book" />
<li ng-repeat="book in books | fuzzy: search">
  {{ book.title }}
</li>
<!--case sensitive-->
<li ng-repeat="book in books | fuzzy: search: true">
  {{ book.title }}
</li>