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

Anonymous User 2276 25 Feb 2016

We want to use ng-repeat inside ng-repeat in Angularjs.how will do this please tell me.

1 Answers

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>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

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

Can you answer this question?

1 Answers