title: AngularJS: Better way to display success messages
body: <pre><code>$('body').on('click', '#save-btn', function () { 
        $('#greetingsModal').modal('show'); 
   });
  
  
  &lt;div id="greetingsModal" class="modal hide fade" tabindex="-1" role="dialog" aria-  labelledby="myModalLabel" aria-hidden="true"&gt;
  &lt;div class="alert alert-success"&gt;        
       &lt;a href="../admin/Supplier" class="close" data-dismiss="alert"&gt;x&lt;/a&gt;
      &lt;strong&gt;Well done!&lt;/strong&gt;.
  &lt;/div&gt;
  </code></pre>
  
  <p>
  
  <p>I want to display a popup message using the above styles whenever 'save-btn' is clicked. The above code works fine but there is a lot of time delay by doing it this way. Is there any way to display such a alert message <strong>using angular</strong>?</p>