title: Angular - How to reuse a component in a different level?
body: <p>Imagine we have this component structure:</p>
  <pre><code>app1
  -- app1.component.html
  -- app1.component.ts
  
  parent1
      parent2
          app2
          -- app2.component.html
          -- app2.component.ts
  </code></pre>
  <p>How could I reuse the <code>app2</code> component in the <code>app1</code>? For example, reuse a table (both HTML and logic on typescript) instead of copy and paste code.</p>
  <p>I have searched for solutions like <code>ng-template</code>, but failed. Also, call the tag didn't work as well.</p>