加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 根据搜索输入过滤ng-repeat

发布时间:2020-12-17 17:56:02 所属栏目:安全 来源:网络整理
导读:我有以下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 所以我有一个输入字段,用
我有以下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中应用内联过滤器?

当前解决方案仅过滤firstname

我想过滤名字和姓氏

尝试:

<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>

但我认为这是一个AND而非一个或.

解决方法

将user-name的变换模型更改为userSearch.

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

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

或者,您可以更改过滤器:userSearch to filter:userSearch.firstname.您只需要确保过滤器与模型匹配.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读