title: AngularJS equivalent for Angular ng-container
body: <p>Is here an AngularJS equivalent for Angular <a href="https://angular.io/guide/structural-directives#ngcontainer" rel="noreferrer">ng-container</a>?</p>
  
  <p>Or should I create something myself with a transclude directive?</p>
  
  <hr>
  
  <p>Example use cases:</p>
  
  <ol>
  <li><p>Tables with interlaced pairs, triples etc. of cells:</p>
  
  <pre><code>&lt;table&gt;&lt;tr&gt;
    &lt;ng-container ng-repeat="item in items"&gt;
      &lt;td&gt;{{ item.a }}&lt;/td&gt;
      &lt;td&gt;{{ item.b }}&lt;/td&gt;
    &lt;/ng-container&gt;
  &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>There should not be additional level in the DOM tree, and instead <code>&lt;td&gt;</code>s should be direct children of <code>&lt;tr&gt;</code> element.</p></li>
  <li><p>There is similar problem with HTML lists, especially the definiton list where <code>&lt;dt&gt;</code> / <code>&lt;dd&gt;</code> elements should be direct children of <code>&lt;dl&gt;</code> while they usually exist in pairs.</p></li>
  <li><p>Table-like arrangement of data with <code>display:grid</code>:</p>
  
  <pre><code>&lt;div style="display: grid; grid-template-columns: auto auto"&gt;
      &lt;ng-container ng-repeat="item in items"&gt;
          &lt;div&gt;{{ item.a }}&lt;/div&gt;
          &lt;div&gt;{{ item.b }}&lt;/div&gt;
      &lt;/ng-container&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This case is even more problematic as the container element existing in DOM tree causes the whole layout to break, as it is rendered as the cell instead of its children.</p></li>
  </ol>