title: Avoiding multiple api calls when same component is used multiple times in same page angular
body: <p>can some one suggest me how to avoid multiple api calls while using same component multiple places in same container</p>
  <pre><code>class ChildComponent{
   // some api calls and actions (api call is made in service)
  }
  
  parent.html
  &lt;child-component&gt;&lt;/child-component&gt;
  &lt;child-component&gt;&lt;/child-component&gt;
  &lt;child-component&gt;&lt;/child-component&gt;
  &lt;child-component&gt;&lt;/child-component&gt;
  </code></pre>