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.

<!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>

Pin it

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 Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2