title: How to display number in 2 decimal place but store it in 4 decimal place in Angular
body: <p>I am working on a project where we need to do some accurate number calculation 
  but also we have to display the numbers in nice format to the users.</p>
  
  <p>Here is HTML code</p>
  
  <hr>
  
  <pre><code> &lt;span&gt; {{ getTotalStocksValue() }} %&lt;/span&gt;   
      &lt;button data-ng-click="redistribute()"&gt;Redistribute&lt;/button&gt;
      &lt;form action=""&gt;
          &lt;input type="text" data-numeric-input-directive   data-ng-repeat="stock in stocks" data-ng-model="stock.value"&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>We display some stocks with their values and the value of a stock can be changed manually.
  we display the total of stocks values in the span using <code>getTotalStocksValue()</code> function.
  And the redistribute button redistributes the stocks value so the total value will be 100%.</p>
  
  <p>The requirement is to display the stocks values in the inputs in 2 decimal place
  but we should also keep the stocks values in 4 decimal palace as we need that to perform a more accurate calculation in the <code>getTotalStocksValue</code> function.
  for example if we have 3 stocks and each stock has 33.33 as value 
  the total is 99.99, while if the user change the stocks value to 33.3333 for each stock then the total should be rounded to 100 if it was 99.9999.
  I don't know if implementing this is possible in Angular. 
  the only idea I have is to display in the stocks values in the inputs as 4 decimal place and also display them in a span or div in 2 decimal place.
  Any ideas or advice?</p>