初入angularJS [2]

自动筛选

 

 1 <!DOCTYPE html>
 2 <html ng-app="demoApp">
 3 <head>
 4     <title></title>
 5     <script src="./angular-1.0.1.min.js"></script>
 6 </head>
 7 <body>
 8 <div ng-controller="SimpleController">
 9     Name:<br/>
10     <input type="text" ng-model="name" /><br/>
11     <ul>
12         <li ng-repeat="cust in customers | filter:name | orderBy:'name'">{{cust.name}}</li>
13 
14     </ul>
15 </div>
16 <script>
17     var demoApp=angular.module("demoApp",[]);
18 function SimpleController($scope){
19     $scope.customers=[
20         {name:'John Smith',city:'Phoenix'},
21         {name:'John Doe',city:'New York'},
22         {name:'Jane Doe',city:'San Francisco'}
23     ];
24 
25 }
26 demoApp.controller('SimpleController',SimpleController);
27 </script>
28 
29 </body>
30 </html>

 

posted @ 2013-12-31 15:46  yuluhuang  阅读(130)  评论(0)  编辑  收藏  举报