title: Show pop-ups the most elegant way
body: <p>I have this AngularJS app. Everything works just fine.</p>
  
  <p>Now I need to show different pop-ups when specific conditions become true, and I was wondering what would be the best way to proceed.</p>
  
  <p>Currently I’m evaluating two options, but I’m absolutely open to other options.</p>
  
  <hr>
  
  <h3>Option 1</h3>
  
  <p>I could create the new HTML element for the pop-up, and append to the DOM directly from the controller.</p>
  
  <p>This will break the MVC design pattern. I’m not happy with this solution.</p>
  
  <hr>
  
  <h3>Option 2</h3>
  
  <p>I could always insert the code for all the pop-ups in the static HTML file. Then, using <code>ngShow</code>, I can hide / show only the correct pop-up.</p>
  
  <p>This option is not really scalable.</p>
  
  <hr>
  
  <p>So I’m pretty sure there has to be a better way to achieve what I want.</p>