AngularJS ng-repeat -4

In this example, using ng-repeat with array of objects

by Varun Sukheja

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script>
<div ng-controller='MyController' ng-app="myApp">
    <h4>Names and Gender</h4>
    <table border="1">
        <tr ng-repeat=" obj in myObjects">
            <td>{{obj.name}}</td>
            <td>{{obj.gender}}</td>
        </tr>
    </table>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('MyController', ['$scope', '$interval', function($scope, $interval) {
    $scope.title = 'Hello world';
    $scope.myObjects = [{
        name: 'varun',
        gender: 'male'
    }, {
        name: 'arjun',
        gender: 'male'
    }, {
        name: 'priya',
        gender: 'female'
    }, {
        name: 'vibhav',
        gender: 'male'
    }, {
        name: 'akram',
        gender: 'male'
    }, {
        name: 'ananya',
        gender: 'female'
    }, {
        name: 'mansi',
        gender: 'female'
    }];

}]);