1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script> 7 </head> 8 9 <body> 10 <div ng-app="myApp" ng-controller="myCtl"> 11 输入过滤字符：<input type="text" ng-model="test"> 12 <ul> 13 <li ng-repeat="x in names | filter:test | orderBy:'firstname'"> 14 {{x.firstname+','+x.lastname}} 15 </li> 16 </ul> 17 </div> 18 <script> 19 var app=angular.module("myApp",[]); 20 app.controller("myCtl",function($scope){ 21 $scope.names=[{firstname:'john',lastname:'cena'},{firstname:'bill',lastname:'gates'}]; 22 }); 23 </script> 24 </body> 25 </html>