title: Is there a way that I can do an ng-repeat and not have it included in a <div>?
body: <p>I have coded this:</p>
  
  <pre><code>.row {
    display: table-row;
  }
  .table {
    display: table;
  }    
  
                 &lt;div class="table"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="cell"&gt;x&lt;/div&gt;
                          &lt;div class="cell"&gt;x&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div data-ng-repeat="x in modal.xx"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="cell"&gt;y:&lt;/div&gt;
                              &lt;div class="cell"&gt;y&lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="cell"&gt;z&lt;/div&gt;
                              &lt;div class="cell"&gt;z&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
             &lt;/div&gt;
  </code></pre>
  
  <p>However the  that does the ng-repeat causes problems when it's used inside a display: table-row. </p>
  
  <p>What I really need to do is to have something that will do the repeat and have only the things I want repeating show up. In this case the  with ng-repeat in it appears in the dom. I did think of using something like a  and putting the ng-repeat in that but I am not sure this is syntactically correct when I'm inside a  that's a type of display: table. </p>
  
  <p>Is there a way to do this with angular?</p>