title: Aurelia Nested repeats of objects
body: <p>Can inner repeat access values of outer repeat and how exactly?
  Here is an example I am experimenting with:</p>
  
  <pre><code>this.headers = [
                     {text: 'Head 1', value: 'Col1'},
                     {text: 'Head 2', value: 'Col2'},
                     {text: 'Head 3', value: 'Col3'},
                 ];
  this.tableData = [
                       {'Col1': 1.1, 'Col2': 1.2, 'Col3': 1.3},
                       {'Col1': 2.1, 'Col2': 2.2, 'Col3': 2.3},
                       {'Col1': 3.1, 'Col2': 3.2, 'Col3': 3.3},
                       {'Col1': 4.1, 'Col2': 4.2, 'Col3': 4.3},
                   ];
  </code></pre>
  
  <p><code>tableData</code> is generated dynamicly based on the <code>headers</code> </p>
  
  <pre><code>&lt;table class="table table-striped"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th repeat.for="head of headers"&gt;${head.text}&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr repeat.for="line of tableData"&gt;
              &lt;td repeat.for="head of $parent.headers"&gt;
                  ${$parent.line[head.value]}
              &lt;/td&gt; 
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>All i get back is empty table body</p>
  
  <pre><code>&lt;table class="table table-striped"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Head 1&lt;/th&gt;
              &lt;th&gt;Head 2&lt;/th&gt;
              &lt;th&gt;Head 3&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt; 
              &lt;td&gt;&lt;/td&gt; 
              &lt;td&gt;&lt;/td&gt; 
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt; 
              &lt;td&gt;&lt;/td&gt; 
              &lt;td&gt;&lt;/td&gt; 
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt; 
              &lt;td&gt;&lt;/td&gt; 
              &lt;td&gt;&lt;/td&gt; 
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt; 
              &lt;td&gt;&lt;/td&gt; 
              &lt;td&gt;&lt;/td&gt; 
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>What am i doing wrong????</p>