title: How to display digit always with two decimal places - Angularjs
body: <p>I want to display digit always with two decimal values. 
  I can display values with two decimal values.</p>
  
  <pre><code>$scope.value1 = 10000;
  $scope.value2 = 12444.44443;
  </code></pre>
  
  <p>In controller I used </p>
  
  <pre><code>$scope.value1 = $scope.value1.toFixed(2);
  $scope.value2 = $scope.value2.toFixed(2);
  </code></pre>
  
  <p>Then in HTML, I can display as "<strong><code>10000.00</code></strong>" "<strong><code>12444.44</code></strong>". But its changing my model value also. I don't want to change the value. I want to display value only as "<strong><code>1000.00</code></strong>" "<strong><code>12444.44</code></strong>".</p>
  
  <p>Even I tried as </p>
  
  <pre><code>{{value1 | setDecimal : 2 }}
  {{value2 | setDecimal : 2 }}
  </code></pre>
  
  <p>It displays as </p>
  
  <pre><code>10000
  12444.44
  </code></pre>
  
  <p>This <code>setDecimal</code> changes only my decimal value.</p>
  
  <p>I want to display like <code>setDecimal</code> but need to display 10000 also as 10000.00.</p>