Angular模糊查询

最新推荐文章于 2021-03-10 19:57:10 发布

原创最新推荐文章于 2021-03-10 19:57:10 发布 · 2.1k 阅读

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Angular模糊查询</title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body ng-app="myApp" ng-controller="myController">
用户名:<input type="text" ng-model="name" />
{{names|blear1:name}}
</body>

<script type="text/javascript">

var app = angular.module("myApp",[]);
app.controller("myController",function($scope){
$scope.names = ["zhang1","lisi","wangwu","zhang2","zhang3"];
})

app.filter("blear1",function(){
return function(input1,n){//第一个参数是被操作的数据,第二个是条件
var newArr = [];
for (var i = 0; i < input1.length; i++) {
var name = input1[i];
if (name.indexOf(n) != -1) {
newArr.push(name)
}
}
return newArr;
}
})

</script>
</html>