title: Angular2+ currency pipe doesn't work if a number is 1000+
body: <p>I have a component where i calc a total price and display the total price by using a subject + the currency pipe.
  Where my value goes 1000+ i got an error:</p>
  <pre><code> InvalidPipeArgument: '1,004.33 is not a number' for pipe 'CurrencyPipe'
  </code></pre>
  <p>my component ts file:</p>
  <pre class="lang-js prettyprint-override"><code>    export class AppComponent  {
        private PRICE: number = 14.99;
        private AMOUNT: number = 1;
        private totalAmount: number = 0;
        public totalPrice$: BehaviorSubject&lt;number&gt; = new BehaviorSubject&lt;number&gt;(0);
      
        public onCalcPrice(): void {
          let price = parseFloat((this.AMOUNT * this.PRICE).toFixed(2));
          this.totalAmount+=price
          this.totalPrice$.next(this.totalAmount);
        }
      }
  </code></pre>
  <p>my component html file:</p>
  <pre class="lang-html prettyprint-override"><code>    &lt;p&gt;
        {{totalPrice$ | async | number | currency: &quot;USD&quot;}}
      &lt;/p&gt;
      &lt;div&gt;
        &lt;button type=&quot;button&quot; (click)=&quot;onCalcPrice()&quot;&gt;increase price amount&lt;/button&gt;
      &lt;/div&gt;
  </code></pre>
  <p><a href="https://stackblitz.com/edit/angular-dvycak?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">stackblitz</a></p>