title: Component over ng-container
body: <p>Im trying to apply vertical nav component (from clarity) inside a custom component (for rehusability). The basic format of clarity vertical nav is:</p>
  
  <pre><code>&lt;div class="content-container"&gt;
      &lt;clr-vertical-nav&gt;
        ... nav content ...
      &lt;/clr-vertical-nav&gt;
      &lt;div class="content-area"&gt;
           ... site content ...
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My sidenav component ('[layout-sidenav]') call only vertical's nav :</p>
  
  <p><strong>layout/sidenav.html</strong></p>
  
  <pre><code> &lt;clr-vertical-nav&gt; .... &lt;/clr-vertical-nav&gt;
  </code></pre>
  
  <p>And i can apply it from my main component and works:</p>
  
  <p><strong>layout.component.html</strong></p>
  
  <pre><code>&lt;div class="content-container"&gt;
      &lt;div layout-sidenav [items]="items"&gt;&lt;/div&gt;
      &lt;div class="content-area"&gt;
          ...site content...
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My problem is, when i apply component over <code>div</code>, it broke clarity sidenav css, and i need act like <code>ng-container</code>, but when i apply it:</p>
  
  <pre><code>&lt;div class="content-container"&gt;
      &lt;ng-container layout-sidenav [items]="items"&gt;&lt;/ng-container&gt;
      &lt;div class="content-area"&gt;
          ...site content...
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I got an error.</p>
  
  <pre><code>LayoutComponent.html:23 ERROR TypeError: el.setAttribute is not a function
  at EmulatedEncapsulationDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DefaultDomRenderer2.setAttribute (platform-browser.js:1317)
  at EmulatedEncapsulationDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.EmulatedEncapsulationDomRenderer2.applyToHost (platform-browser.js:1385)
  at DomRendererFactory2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DomRendererFactory2.createRenderer (platform-browser.js:1242)
  at AnimationRendererFactory.push../node_modules/@angular/platform-browser/fesm5/animations.js.AnimationRendererFactory.createRenderer (animations.js:127)
  at DebugRendererFactory2.push../node_modules/@angular/core/fesm5/core.js.DebugRendererFactory2.createRenderer (core.js:12225)
  at createComponentView (core.js:11179)
  at callWithDebugContext (core.js:12204)
  at Object.debugCreateComponentView [as createComponentView] (core.js:11715)
  at createViewNodes (core.js:11220)
  at createEmbeddedView (core.js:11163)
  </code></pre>