title: Angular ng-if and ng-show combination
body: <p>Imagine some heavy content that might be rendered on a web page, such as a chart.
  Angular gives 2 options to toggle the visibility of said content.</p>
  
  <p><strong>ng-show</strong> will render the content regardless of the expression and simple "hide" it after the fact. This is not ideal since the user may never "open" the content during their session, so it was a waste to render it.</p>
  
  <p><strong>ng-if</strong> is better in this regard. Using it in place of ng-show will prevent the heavy content from being rendered in the first place if the expression is false. However, its strength is also its weakness, because if the user hides the chart and then shows it again, the content is rendered from scratch each time.</p>
  
  <p>How can I make a directive that takes the best of both worlds? Meaning it works like ng-if until the content is rendered the first time, then switches to work like ng-show to prevent re-rendering it each time.</p>