typescript - Angular 6 zobrazit nulu v 1.0, pokud je typ číslo

V mém kódu mám něco takového:

var myNumber: number = 1.0;

Nicméně Angular automaticky odstraní nulu v mém příslušném formuláři. Mohu z toho udělat řetězec, ale to se zdá být zvláštní řešení.

Jak mohu Angularu říct, že by měl také zobrazit nulu a ne ji odstranit?

Odpověď č. 1

To můžete udělat pomocí DecimalPipe

{{myNumber | number : '1.1-1'}}

Parametry potrubí vysvětleny zde v dokumentaci

Možnosti desetinného zápisu, specifikované řetězcem v následujícím formátu: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.

1. minIntegerDigits: Minimální počet celých číslic před desetinnou tečkou. Výchozí hodnota je 1.
2. minFractionDigits: Minimální počet číslic za desetinnou čárkou. Výchozí hodnota je 0.
3. maxFractionDigits: Maximální počet číslic za desetinnou čárkou. Výchozí hodnota je 3.

Demo

Odpověď č. 2

Použijte DecimalPipe následovně:

{{ myNumber | number:'1.1-1' }}

Tohle říká:

Ujistěte se, že před desetinnou čárkou je alespoň 1 (první) číslo a

Mezi 1 (druhým) a 1 (třetím) číslem za desetinnou čárkou