Número de tipo de entrada angular 6 y muestra 2 dígitos después de la coma

Quiero mostrar la entrada y cuando el usuario ingresa un número: 20 Quiero que se muestren 20,00 . Para números más grandes quiero ver mil separadores como 11 200,00 .

  

Intenté añadir:

 [ngModel]="invoiceQuota.controls.grossAmount.value | number:'1.2-2' 

Pero no funciona

No puedo encontrar una solución para resolver mi problema.

  import { Component, Input, NgZone, OnInit, Pipe, PipeTransform } from '@angular/core'; const PADDING = '00'; @Pipe({ name: 'floatNumber' }) export class FloatNumnberPipe implements PipeTransform { DECIMAL_SEPARATOR: string; THOUSANDS_SEPARATOR: string; constructor() { // TODO comes from configuration settings this.DECIMAL_SEPARATOR = '.'; this.THOUSANDS_SEPARATOR = ','; } transform(value: number | string, fractionSize: number = 2): string { const ds = '.'; const ts = ','; let [integer, fraction = ''] = (value || '').toString() .split(ds); fraction = fractionSize > 0 ? ds + (fraction + PADDING).substring(0, fractionSize) : ''; integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, ts); integer = integer ? integer : '0'; return integer + fraction; } parse(value: string, fractionSize: number = 3): string { const ds = '.'; const ts = ','; let [integer, fraction = ''] = (value || '').split(ds); integer = integer.replace(new RegExp(ts, 'g'), ''); fraction = parseInt(fraction, 10) > 0 && fractionSize > 0 ? ds + (fraction + PADDING).substring(0, fractionSize) : ''; integer = integer ? integer : '0'; return integer + fraction; } } this way you can write float number PIPE and in component , if (typeof modelControlname === 'string') { modelControlname=Math.round(Number(FloatNumnberPipe.prototype.parse(amount)) * 100) / 100); modelControlname=FloatNumnberPipe.prototype.transform(modelControlname.value);