Bài 23: Angularjs format và filtering phần 1

Lượt xem: 2276

Xem demo

Angularjs format và filtering

Làm thế nào để filter dữ liệu trong angularjs, filtering với format hiện tại. Cùng xem ví dụ sau:

 <html>  
   <head>  
    <title> Chỉ thị ng-disable</title>  
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>  
     <script>  
     angular.module('myWebApp', []).controller('listnamesCtrl',      function($scope) {   
      $scope.names = [   
      {name:'Nam',country:'HoChiMinh'},   
      {name:'Bac',country:'HaNoi'},   
      {name:'Trung',country:'DaNang'}   
      ];   
      });  
     </script>  
	 </head>  
   <body>  
    < div div ng-app="'myWebApp'" ng-controller="'listnamesCtrl'" > 
	    <p>Filtering input:</p> 
	  <p>  
			 <input type="text" ng-model="test" />
     </p> 
	  <ul>
	   <li ng-repeat="x in names | filter:test | orderBy:'country'">
	   {{ (x.name | uppercase) + ', ' + x.country }}  
	    </li>
		 </ul>
   </body>  
 </html> 

 

Xem demo