title: How to refresh div in angularjs
body: <p>I have a calculations going on in the angularjs app file, basically what is happening is every time when I change the value in the HTMl form, the calculation results are getting reflected in the span block <code>reloader_block</code>, </p>
  
  <p>What I want to do is that i want to add animation to that so that the entire span block should flash and user should notice it.</p>
  
  <p>Like for example, the span block should fade-out and fade-in within milliseconds.</p>
  
  <p>How can I do that?</p>
  
  <pre><code>$scope.refreshDiv = function () {
    //here i want to refresh the span block `reloader_block`   
  };
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;span class="block reloader_block"&gt;
    Here is how you can Walden this product: 
    You will have to share it with &lt;B&gt;{{sharable_with}}&lt;/b&gt; users. Each one of you  will have to give us  &lt;b&gt;{{walden_costs}}&lt;/b&gt;/- 
    Each of you will get to use the product for &lt;b&gt;{{usage}}&lt;/b&gt; days after every &lt;b&gt;{{cycle}}&lt;/b&gt; days
    after &lt;b&gt;{{product_warranty}}&lt;/b&gt; year(s) we will auction the product at &lt;b&gt;30%&lt;/b&gt; of MRP.
    {{priceful}}
  &lt;/span&gt;
  </code></pre>