forum

home / developersection / forums / how to use ng-repeat inside ng-repeat in angularjs

Ask Question

How to use Ng-repeat inside ng-repeat in Angularjs

Anonymous User 2048 25-Feb-2016
We want to use ng-repeat inside ng-repeat in Angularjs.how will do this please tell  me.
angular js jquery  html  angular js 
Updated on 25-Feb-2016
Anonymous User

Other

I am a content writter !

Follow Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

25-Feb-2016 
@{


    Layout = null;
}


<!DOCTYPE html>
<html>
<head>
      <title>Forum</title>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <script src="~/Scripts/angular.js"></script>
<script>
    var app = angular.module("myApp", []);
    app.controller('MyCtrl', function ($scope) {
        $scope.menuItems = [{ Productname: 'Samsung Galaxy S6 Compare', category: 'SAMSUNG' },
            { Productname: 'Samsung Galaxy S6 Edge', category: 'SAMSUNG' },
             { Productname: 'Compare Samsung Galaxy Core ', category: 'SAMSUNG' },
        { Productname: 'Lenovo Vibe Shot', category: 'Lenovo' },
         { Productname: 'Lenovo A6000', category: 'Lenovo' },
        { Productname: 'Lenovo K3 Note', category: 'Lenovo' }
        ];


        $scope.categories = ['Lenovo', 'SAMSUNG']


    })


</script> 
</head>
<body ng-app="myApp" ng-controller="MyCtrl">  
<div>  
<ul ng-repeat="ca in categories">  
<li style="font-weight:bold;">{{ca}}</li>  
<li ng-repeat="menuItem in menuItems | filter:{category: ca}">{{menuItem.Productname}}</li>  
</ul>  
</div>  
</body>  
</html>
How to use Ng-repeat inside ng-repeat in Angularjs
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy