title: Add 2 decimal points & thousand separator to input value Angular
body: <p>I want to show 2 decimal places &amp; a thousand separators to my input tag. I have tried few methods but failed. following is my code</p>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;input  type=&quot;number&quot; class=&quot;form-control&quot; [value]='totalCollected'  readonly&gt;
  </code></pre>
  <p><strong>Component.ts</strong></p>
  <pre><code>export class PaymentListComponent implements OnInit {
    totalCollected = 0.00;
    totalOutstanding = 0.00;
  }
  
    calculateTotal(){
      this.totalCollected = this.psList.reduce((accumulator, current) =&gt; accumulator + current.CashValue + current.ChequeValue + current.CrediNoteValue, 0)
      console.log('collected' + this.totalCollected)
      this.totalOutstanding = this.psList.reduce((accumulator, current) =&gt; accumulator + current.NetValue - (current.CashValue + current.ChequeValue + current.CrediNoteValue), 0)
      console.log('Outstanding' + this.totalOutstanding)
    }
  </code></pre>