首页 > 其他 > 详细

angular input输入筛选

时间:2017-03-31 12:12:42      阅读:235      评论:0      收藏:0      [点我收藏+]
$scope.Person = [
            {‘id‘:1,‘name‘:‘小张‘,‘age‘:18},
            {‘id‘:2,‘name‘:‘Tom‘,‘age‘:19},
            {‘id‘:3,‘name‘:‘张三‘,‘age‘:19},
            {‘id‘:4,‘name‘:‘小明‘,‘age‘:17}
            ];
<ul>
    <li>
        <input type="text" ng-model="pername"   />
    </li>
                    
    <li  ng-repeat="per in person | filter: nameFilter"><span>{{per.name}}</span></li>
                    
</ul>
$scope.nameFilter = function(per){
    if(per.name == pername){
    return true;
}
}    

 

输入筛选时: 过滤器写作  filter: {‘key‘: input}   , 其中,key为列表中需要对应的对象的键,而input为input框中输入的内容,{}中为筛选条件,也可以将{}及其中的内容替换为一个函数,函数最后返回

一个布尔值,实现筛选。

 

angular input输入筛选

原文:http://www.cnblogs.com/yang368r/p/6650417.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!