<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>

<p dir="auto">When using the currency pipe to format a number specifying the valid ISO 4217 currency code for South Africa 'ZAR' and setting the SymbolDisplay to true the currency code is not replaced by the currency symbol, in this case 'R'.</p>
<p dir="auto"><strong>Expected behavior</strong></p>

<p dir="auto">The expected behavior is for the projected property to display the currency symbol instead of the currency code when symbolDisplay is true and currencyCode is set to 'ZAR'.</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong></p>

<p dir="auto">{{someamount | currency:'ZAR':true:'1.2-2'}}</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>

<p dir="auto">We need to format currency with the South African currency symbol.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<p dir="auto">macOS Sierra, webpack, ng serve (angular-cli: template used: 1.0.0-beta.11-webpack.9-4)</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.0.0-rc.7</p>

</li>
<li>
<p dir="auto"><strong>Browser:</strong> all</p>

</li>
<li>
<p dir="auto"><strong>Language:</strong> all</p>
</li>
<li>
<p dir="auto"><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =</p>
</li>
</ul>
<p dir="auto">I'm using the currency pipe with beta.0, and with the following code inside ionic 2:</p>
<blockquote>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;ion-card-content&gt;
  Total: {{ total | currency:'COP':true }}
&lt;/ion-card-content&gt;"><pre class="notranslate"><code class="notranslate">&lt;ion-card-content&gt;
  Total: {{ total | currency:'COP':true }}
&lt;/ion-card-content&gt;
</code></pre></div>
</blockquote>
<p dir="auto">The output should be <code class="notranslate">Total: $ 110,000</code> but the actual output is this:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/9698639/12625787/455a9142-c503-11e5-998d-42d18793691f.png"><img src="https://cloud.githubusercontent.com/assets/9698639/12625787/455a9142-c503-11e5-998d-42d18793691f.png" alt="image" style="max-width: 100%;"></a></p>