title: Angular Library using HTML of component of app
body: <p>I am implementing my first angular library.</p>
  <p>I want to achieve a header and footer library for angular. The problem is, that it should have the html of the app it is used in. Below you can find the sketch of the HTML code, I want to achieve.</p>
  <pre><code>//some header
  &lt;pageContent&gt;
  &lt;/pageContent&gt;
  //some footer
  </code></pre>
  <p>The <code>pageContent.component</code> should come from the app where the library is embedded.
  How do I achieve this?</p>
  <h3>EDIT:</h3>
  <p>I am trying to elaborate more:</p>
  <p>In my angular library I have a component, which should have a header and a footer. Furthermore, it should show the main content of the page. Therefore, the library needs the input of the <code>pageContent.component</code>. How do I achieve this?</p>