title: AngularJS - Dynamically change currency symbol on a Filter?
body: <p><strong>Question Background:</strong></p>
  <p>I have a drop-down that contains 4 different country options these being: UK (United Kingdom), US (United States), FR (France), GER (German). Depending on which drop-down value is selected I need to filter a price on my Controllers Scope object to show the correct currency symbol, for example:</p>
  <p>If I select 'FR' in the checkbox, I would expect to see the '€' symbol on the filter:</p>
  <p><a href="https://i.stack.imgur.com/Po19O.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Po19O.jpg" alt="enter image description here" /></a></p>
  <p>If I would to select 'UK' i would expect to see the '£' appended and so on.</p>
  <p><strong>The Issue:</strong></p>
  <p>As stated above I have 4 different countries I can select and therefore I need to be able to <em><strong>dynamcially</strong></em> change the currency filter.</p>
  <p>I have attempted to set this by a model property on the Scope but It hasn't worked so far.</p>
  <p><strong>The Code:</strong></p>
  <p>Currently I am using the standard AngularJS <code>Currency</code> filter, as shown:</p>
  <pre><code>       {{maxTextVal | currency : &quot;&amp;euro;&quot; : 2}}
  </code></pre>
  <p><code>maxTextVal</code> is the value on the controllers Scope object. In the code above I have hard-coded the euro code (€) to produce the symbol, <strong>it is this filter value that I need to dynamically set.</strong></p>
  <p>Is it possible to change this value at run-time? Any help would be appreciated.</p>