title: Read key/value from object with one key in AngularJS expression
body: <p>Is there a convenient way to read key/value from an object with only one key in AngularJS expression? Below is an example.</p>
  
  <pre><code>&lt;div ng-app="app" ng-controller="ctrl"&gt;
      &lt;span&gt;{{me.key}}&lt;/span&gt; //I want: &lt;span&gt;name&lt;/span&gt;
      &lt;span&gt;{{me.value}}&lt;/span&gt; //I want: &lt;span&gt;Ealon&lt;/span&gt;
  &lt;/div&gt;
  
  angular.module("app", [])
      .controller("ctrl", function($scope) {
          $scope.me = {
              "name": "Ealon" //This object contains only one key
          };
      })
  </code></pre>
  
  <p>Using <code>ng-repeat</code> to display the key/value pair is a solution. But unfortunately, I cannot use <code>ng-repeat</code> here for some reason. </p>
  
  <p>Another solution, which I think is not convenient, is:</p>
  
  <pre><code>&lt;div ng-app="app" ng-controller="ctrl"&gt;
      &lt;span&gt;{{meCopy.key}}&lt;/span&gt;
      &lt;span&gt;{{meCopy.value}}&lt;/span&gt;
  &lt;/div&gt;
  
  angular.module("app", [])
      .controller("ctrl", function($scope) {
          $scope.me = {
              "name": "Ealon"
          };
  
          var meKey = Object.getOwnPropertyNames($scope.me)[0];
          var meValue = $scope.me[meKey];
  
          $scope.meCopy = {
              "key": meKey,
              "value": meValue
          };
      })
  </code></pre>
  
  <p>Is there any simpler way to do this? Thanks for your help!</p>