title: Angular: Is it possible to put opening and closing tags in separate components?
body: <p>Working on an app with several views that each have a complex header and footer (which are identical for all the views). I would like to put the header and footer html code in their own components but the compiler complains ("Unexpected closing tag div"). Is there a way to have the compiler ignore these errors?</p>
  
  <p>the code looks like this (only much more complex):</p>
  
  <pre><code>&lt;div class="class1"&gt;
  &lt;div class="class2"&gt;
  
  //main body of the code here
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>so i'd like to put the top 2 lines of code in one component and the bottom 2 lines in a separate one so the code looks like this:</p>
  
  <pre><code>&lt;app-header&gt;
  //main body of the code here
  &lt;app-footer&gt;
  </code></pre>
  
  <p>Any ideas?</p>