Post
Ask Question

AngularJS ng-repeat inside ng-if

  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.         var app = angular.module('app', []);  
  10.         app.controller("MyCtrl", function($scope)   
  11.             {  
  12.             $scope.selection =   
  13.               {  
  14.                 ids:   
  15.               {  
  16.                     "50d5ad": true  
  17.                 }  
  18.             };  
  19.             $scope.categories = [  
  20.               {  
  21.                 "name": "Sport",  
  22.                 "id": "50d5ad"  
  23.             },   
  24.               {  
  25.                 "name": "General",  
  26.                 "id": "678ffr"  
  27.             }];  
  28.         })  
  29.     </script>  
  30. </head>  
  31.   
  32. <body ng-app="app">  
  33.     <div ng-controller="MyCtrl">  
  34.         <div ng-repeat="data in categories">  
  35.             <div ng-if="data.name == 'Sport' ">  
  36.                 {{data.name}}  
  37.             </div>  
  38.         </div>  
  39.     </div>  
  40. </body>  
  41.   
  42. </html>