title: AngularJS: Currency Formatting. Change fraction size, thousands separator and fraction separator
body: <p>I wish to show prices in a specific table within my site to 3 decimal places.</p>
  
  <p>Prices will be shown in Pounds, Dollars and Euros.</p>
  
  <p>My currency filter seems to automatically round the price to 2 decimal places.</p>
  
  <p>Also, if the currency is in Euros, Ideally, I would like to auto change the thousands separator to a <code>.</code> and decimal separator to a <code>,</code>.</p>
  
  <p>Does angularjs have support for this?</p>
  
  <p><strong>The View</strong></p>
  
  <pre><code>&lt;div ng-controller="SpotController"&gt;
      &lt;table class="header-table-spot-prices"&gt;
          &lt;thead&gt;
              &lt;tr&gt;&lt;th&gt;Spot Prices&lt;/th&gt;&lt;th&gt;Price&lt;/th&gt;&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr ng-repeat="spot in spots"&gt;
                  &lt;td&gt;{{ spot.item }}&lt;/td&gt;
  
                      &lt;!-- This needs to be 3dp --&gt;
                  &lt;td&gt;{{ spot.price | currency:spot.currency }}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>