一个简单的搜索的小功能
<!DOCTYPE html>
<html>
<head>
<title>angular——搜索</title>
</head>
<body ng-app="app" ng-controller="ctrl">
<input type="text" ng-model="search">
<p ng-repeat="item in list | filter : search">{{item.name}}</p>
</body>
<script src="https://cdn.bootcss.com/angular.js/1.6.2/angular.js"></script>
<script>
var app=angular.module('app',[]);
app.controller('ctrl',function($scope){
$scope.search=''
$scope.list=[{
'name':'tom',
'age':12
},{
'name':'jane',
'age':23
},{
'name':'Adam',
'age':18
},{
'name':'Beck',
'age':22
},{
'name':'Chad',
'age':25
},{
'name':'Chad',
'age':30
}]
})
</script>
</html>
image.png
网友评论