title: AngularJS nested ng-repat in ng-repeat (key, value) pair data structure in HTML table element with sort filter
body: <p>I want to print table rows from the fallowing data structure.</p>
  
  <pre><code>$scope.myData = {}
  myData['Item1']['Period1']= {"Value":1} 
  myData['Item1']['Period2']= {"Value":2} 
  myData['Item1']['Period3']= {"Value":3} 
  myData['Item1']['Period4']= {"Value":4} 
  myData['Item2']['Period1']= {"Value":11} 
  myData['Item2']['Period2']= {"Value":12} 
  myData['Item3']['Period3']= {"Value":13} 
  myData['Item4']['Period4']= {"Value":14} 
  </code></pre>
  
  <p>I want to print it somehow like this and sort by Period name DESC:</p>
  
  <pre><code>&lt;tbody &gt;
      &lt;tr ng-repeat="(key, value) in myData"&gt;
          &lt;td&gt;
              {{ key }}
          &lt;/td&gt;
          &lt;td ng-repeat="PeriodItem in value | &lt;!-- here the filtering --&gt;"&gt;
            {{ PeriodItem.Value }}
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>The key is printed out, but the PeriodItem.Value is not. What is the proper way to do that, because i tried a couple of things and none of them seem to work.</p>
  
  <p>Example of desired output:</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Item1&lt;/td&gt;
          &lt;td&gt;4&lt;/td&gt;
          &lt;td&gt;3&lt;/td&gt;
          &lt;td&gt;2&lt;/td&gt;
          &lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Item2&lt;/td&gt;
          &lt;td&gt;14&lt;/td&gt;
          &lt;td&gt;13&lt;/td&gt;
          &lt;td&gt;12&lt;/td&gt;
          &lt;td&gt;11&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>