title: how to call a component inside another in a specific position in angular
body: <p>I have two components in angular like the following :</p>
  
  <p>mycomponent.component.html</p>
  
  <pre><code>&lt;app-mycomponent2&gt;
  &lt;p&gt; this is a text &lt;/p&gt;
  &lt;/app-mycomponent2&gt;
  </code></pre>
  
  <p>mycomponent2.component.html</p>
  
  <pre><code>&lt;div class="bg-blue"&gt;
  &lt;!-- the code of first component should be added here--&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I don't know how to make my second component to call the code in a specific position because I'm going to use this code many times in my component and I want to avoid copy/paste instead use the structure I described.</p>