nested ng-repeat in angularjs

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

<!DOCTYPE html>
<html>

<head>
  <title>nested ng-repeat in angularjs</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
  <script>
    var app = angular.module('nestedApp', []);
    app.controller("nestedCtrl", ["$scope", function($scope) {
      
      $scope.users = [{
        dateTime: new Date(),
        detail: [{
          name: 'Anil Singh',
          address: 'Kushinagar, UP, India',
          phone: '+91-9XX551XXX9',
          email: 'anil.singh@gmail.com'
        }]
      }, {
        dateTime: new Date(),
        detail: [{
          name: 'Sunil Singh',
          address: 'Kushinagar, UP, India',
          phone: '+91-9XX5X1XXX9',
          email: 'sunil.singh@gmail.com'
        }]
      }];
      
    }]);
  </script>
</head>

<body ng-app='nestedApp' ng-controller="nestedCtrl">
  <h1>Nested ng-repeat in AngularJs</h1>
  <li ng-repeat="user in users ">
    {{user.dateTime | date:'mm/dd/yyyy hh:ss'}}
    <ul>
      <li ng-repeat="detal in user.detail ">
        {{detal.name}}, {{detal.address}}, {{detal.phone}}, {{detal.email}}
      </li>
    </ul>
  </li>
  <a href="http://www.code-sample.com/">click for more details..</a>
</body>

</html>

/* Put your css in here */