How to using looping through a collection for each item in AngularJs?

AngularJs looping over collection items

In the angularjs, The ng-repeat directive are used to complete the function of loop. 

The example code are given below.



01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head lang="en">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
<script>
 function Main($scope) {
    $scope.getWelcomeEntities = function () {
           return [{ Name: 'for a loop in Angular JS.' }];    };
    };
</script>
</head>
<body ng-app>
    <div ng-repeat="item in getWelcomeEntities()">
        code sample {{item.Name}}
    </div>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
<script>
 function Main($scope) {
    $scope.getWelcomeEntities = function () { 
           return [{ Name: 'for a loop in Angular JS.' }];    };
    };
</script>
</head>
<body ng-app>
    <div ng-repeat="item in getWelcomeEntities()">
        code sample {{item.Name}}
    </div>
</body>

</html>

ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
My Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.