根据搜索输入过滤 ng-repeat

我有以下 html：

  <div>
    <div>
      <input type="text" placeholder="Search" ng-model="userSearch.firstname">
    </div>
  </div>

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

因此，我有一个输入字段，用户可以在其中输入并在我的所有用户列表中进行搜索。有没有一种方法可以根据用户在搜索输入中键入的内容在 ng-repeat 中应用内联过滤器？

当前的解决方案仅过滤名字

我想过滤名字和姓氏

Tried:

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

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

但我认为这是一个“与”而不是“或”。

更改 ng-model 从userSearch.firstname只是userSearch.

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

http://jsbin.com/keyuno/1/edit?html,js,输出 http://jsbin.com/keyuno/1/edit?html,js,output

或者你可以改变filter:userSearch to filter:userSearch.firstname。您只需确保过滤器与型号匹配即可。