ng repeat in angularjs

ng-repeat in angularjs

Hello everyone I am going to share the code sample for display data in tabular form using ng repeat in angularjs. The code steps as given below.


The AngularJS code sample

        var app = angular.module('ngRepeatApp', []);
        app.controller('ngRepeatCtrl', function($scope) {
            $scope.users = [{
                Id: 1,
                name: 'Anil Singh'
            }, {
                Id: 2,
                name: 'Sunil Singh'
            } ,{
                Id: 3,
                name: 'Sushil Singh'
            }];
        });

The HTML code sample

< div ng-app="ngRepeatApp">
    <div ng-controller="ngRepeatCtrl">
        <div>ID || Name </div>
        <div ng-repeat="user in users">
            <div style=" background-color : yellow">
                <div>{{user.Id}} || {{user.name}}</div>
            </div>
        </div>
    </div>
</ div >

The Full live code sample(HTML + AngularJs) as given below

<!DOCTYPE html>
<html>
<head>
    <script>
        var app = angular.module('ngRepeatApp', []);
        app.controller('ngRepeatCtrl', function($scope) {
            $scope.users = [{
                Id: 1,
                name: 'Anil Singh'
            }, {
                Id: 2,
                name: 'Sunil Singh'
            } ,{
                Id: 3,
                name: 'Sushil Singh'
            }];

        });
    </script>
</head>
<body ng-app="ngRepeatApp">
    <div ng-controller="ngRepeatCtrl">
        <div>ID || Name </div>
        <div ng-repeat="user in users">
            <div style=" background-color : yellow">
                <div>{{user.Id}} || {{user.name}}</div>
            </div>
        </div>
    </div>
</body>
</html>

Thank you!
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.