AngularJS 1.2.x

(function() {

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

  app.config(function($routeProvider) {
    $routeProvider.when('/page', {
      templateUrl: 'page.tpl.html',
      controller: 'PageCtrl'
    }).otherwise({
        redirectTo: '/page'
      });;
  });

  app.controller('PageCtrl', function($scope) {

    $scope.myobjects = [{
      'property1': {
        id: 0,
        name: 'somebody'
      }
    }, {
      'property2': {
        id: 1,
        name: 'someguy'
      }
    }];

  });

})();

<!DOCTYPE html>
<html ng-app="myStateApp">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <link href="style.css" rel="stylesheet" />
</head>

<body>

  <div ng-view>
  </div>

  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script data-semver="1.2.28" src="https://code.angularjs.org/1.2.28/angular.js" data-require="angular.js@1.2.x"></script>
  <script src="//code.angularjs.org/1.2.28/angular-route.min.js"></script>

  <script src="app.js"></script>

</body>

</html>

/* Put your css in here */

 <pre>
    $scope.myobjects = [{
      'property1': {
        id: 0,
        name: 'somebody'
      }
    }, {
      'property2': {
        id: 1,
        name: 'someguy'
      }
    }];
  </pre>


<div ng-repeat="(index, object) in myobjects">
  <div ng-repeat="(key, value) in object">
    <strong>key: </strong> {{ key }}, <strong>value: </strong>{{ value }}
    <strong>value.id: </strong> {{ value.id }}, <strong>value.name: </strong>{{ value.name }}
  </div>
</div>