title: Angular 2 Lazy load Tab content
body: <p>I have a set of tabs and I want a few tabs to load 'eagerly' and few to load 'lazyily'. For example if I have 2 tabs, <code>Tab1</code>'s content should be loaded eagerly and <code>Tab2</code>'s contents should load lazyily. </p>
  
  <p>I followed <a href="https://plnkr.co/edit/afhLA8wHw9LRnzwwTT3M?p=preview" rel="nofollow">this</a> nice example </p>
  
  <pre><code>&lt;tab tabTitle="Tab 2" lazyload="true"&gt;Something like this&lt;/tab&gt;
  </code></pre>
  
  <p>How do I Lazyload the tab content on clicking the tab instead of hiding the loaded content?</p>