title: How to display only the keys of a javascript object array in angular
body: <p><a href="http://jsbin.com/OGipAVUF/36/edit" rel="nofollow">JSbin for live code example</a></p>
  
  <p>Is it possible to display only the <code>key</code> from expression syntax in Angular?  The key being the word being "page".  If so can it be from an array(I know they are the same word)?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;body ng-app="ang6App"&gt;
      &lt;div class="container" ng-controller="templatesCtrl"&gt;
          &lt;div ng-repeat="(key, val) in tempTemp"&gt;{{val}}&lt;/div&gt;
          &lt;!-- how do I just display the word page? --&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>angular.module("ang6App")
      .controller("MainCtrl", function ($scope) {})
      .controller("templatesCtrl", function ($scope) {
      /* $scope.template = Templates; */
      $scope.tempTemp = [{
          'page': {
              'name': 'jordan test page'
          }
      },
      //end of page
      {
          'page': {
              'name': 'jordan test page'
          }
      }];
      //end of templates
  });
  </code></pre>