<!DOCTYPE html>
<html lang="en" ng-app="hd">
<head>
<title></title>
<script type="text/javascript" src="js/angular-1.3.0.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div ng-controller="ctrl">
搜索: <input type="text" ng-model="search">
<table border="1" width="600">
<tr>
<td>编号</td>
<td>点击数</td>
<td>标题</td>
</tr>
<tr ng-repeat = "(k,v) in lists">
<td>{{v.id}}</td>
<td>{{v.click}}</td>
<td>{{v.title}}</td>
</tr>
</table>
</div>
<script type="text/javascript">
var m = angular.module('hd',[]);
m.controller('ctrl',['$scope','$http','$filter',function($scope,$http,$filter){
$scope.data = [
{id:1,click:100,title:'刘畅'},
{id:2,click:350,title:'王桢'},
{id:3,click:120,title:'梁志勇'},
{id:4,click:200,title:'钱行'}
];
$scope.lists = $scope.data;//临时数据用于显示
$scope.$watch('search',function(n,o){
$scope.lists = $filter('filter')($scope.data,n)
})
}]);
</script>
</body>
</html> 
492
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
