Post
Ask Question

ng-Repeat Filter on Boolean

  1. <!DOCTYPE html>  
  2. <html>  
  3.   
  4. <head>  
  5.     <title></title>  
  6.     <meta charset="utf-8" />  
  7.     <script src="Scripts/angular.js"></script>  
  8.     <script>  
  9.         angular.module('myApp', []).controller("myAppCtrl", function($scope)   
  10.             {  
  11.             $scope.isRegistered = 'false';  
  12.             $scope.users = [  
  13.               {  
  14.                 name: 'user1 (registered)',  
  15.                 registered: true  
  16.             }, {  
  17.                 name: 'user2 (unregistered)',  
  18.                 registered: false  
  19.             }, {  
  20.                 name: 'user3 (registered)',  
  21.                 registered: true  
  22.             }, {  
  23.                 name: 'user4 (unregistered)',  
  24.                 registered: false  
  25.             }];  
  26.         });  
  27.     </script>  
  28. </head>  
  29.   
  30. <body ng-app="myApp">  
  31.     <div ng-controller="myAppCtrl">  
  32.         <h3>Unregistered Users</h3>  
  33.         <div ng-repeat="user in users | filter:{registered:false}">  
  34.             <div class="row-fluid">  
  35.                 <div class="span2">  
  36.                     {{user.name}}  
  37.                 </div>  
  38.             </div>  
  39.         </div>  
  40.         <h3>Registered Users</h3>  
  41.         <div ng-repeat="user in users | filter:{registered:true}">  
  42.             <div class="row-fluid">  
  43.                 <div class="span2">  
  44.                     {{user.name}}  
  45.                 </div>  
  46.             </div>  
  47.         </div>  
  48.     </div>  
  49. </body>  
  50.   
  51. </html>