title: Bootstrap button loading text with Angularjs
body: <p>In a non-angular application that uses bootstrap and jquery, I can create buttons like this:</p>
  
  <pre><code>&lt;button id="saveButton" data-loading-text="Please wait..."&gt;Save&lt;/button&gt;
  </code></pre>
  
  <p>Then, when the button is clicked, I can set it to it's loading state like this:</p>
  
  <pre><code>$('#saveButton').button('loading');
  </code></pre>
  
  <p>Clicking this button also fires an ajax request, and in the callback for that request, I can reset the button like this:</p>
  
  <pre><code>$('#saveButton').button('reset');
  </code></pre>
  
  <p>How can I accomplish this same behavior within an angular application? The application also includes Jquery and Bootstrap.</p>