angularJs自定义模糊查询

最新推荐文章于 2019-02-26 16:16:43 发布

未至D增援

最新推荐文章于 2019-02-26 16:16:43 发布

阅读量318

点赞数

本文链接：https://blog.csdn.net/lian895615/article/details/78745522

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="js/angular.min.js" ></script>
       <script>
           var mo=angular.module("myApp",[]);
           mo.controller("myCtrl",function($scope){
               $scope.ArrayOne=["zz","cs","ds","cd","qw"]
           })
           mo.filter("myfilter",function(){

return function(a,b){

//新的数组

var newArr=[];

//遍历查找

for (var i=0;i<a.length;i++) {
var ArrayTo=a[i];

if (ArrayTo.indexOf(b)!=-1) {

//把值添加到新的数组

newArr.push(ArrayTo);
}

}

//返回新的数组

                   return newArr;
               }
           })
       </script>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">
       用户名:<input type="text" ng-model="ArrayTo" />

<span>{{ArrayTo.length<6?"长度过长":"格式正确"}}</span><br />

//显示新的数组

{{ArrayOne|myfilter:ArrayTo}}
</body>

</html>

//自定义关键字隐藏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="js/angular.min.js" ></script>
       <script>
           var mo=angular.module("myApp",[]);
           mo.controller("myCtrl",function($scope){
           })
           mo.filter("myFilter",function(){
               return function(obj){
                   if(obj==undefined){
                       obj=""
                   }
                   if (obj.indexOf("李")!=-1) {
                       obj=obj.replace(/李/g,"**");
                   }
                   return obj;
               }
           })
       </script>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">
       <input type="text" ng-model="text" /><br />
           {{text|myFilter}}
   </body>
</html>