Giới hạn đến 2 chữ số thập phân với một đường ống đơn giản

95

Tôi đã tìm thấy một ví dụ giới hạn một số ở 2 chữ số thập phân VÀ biến con số thành một số tiền - ví dụ: £ 2,55.

{{ number | currency : 'GBP' : true : '1.2-2'}}

Có một đường ống đơn giản nào hoạt động tương tự mà không cần áp dụng tiền tệ không?

angular pipe decimal

— Rushtoni88
nguồn

227

Ống tiền tệ sử dụng numbermột trong nội bộ để định dạng số. Vì vậy, bạn có thể sử dụng nó như thế này:

{{ number | number : '1.2-2'}}

— dfsq
nguồn

3

tham khảo để biết chi tiết về cách sử dụng số ống

— akhouri

12

Đây là hữu ích trong việc tìm hiểu lý do tại sao 1.2-2 stackoverflow.com/questions/38477970/...

— maudulus

19

Đối với độc giả trong tương lai, {{ x | number : '1.2'}}cũng hợp lệ và có ý nghĩa tương tự.

— Mark E. Haase

7

mehaase, không giống nhau. Ví dụ: nếu bạn có 5.6 và 5.6789, đầu ra sẽ là 5.60 và 5.6789. Vì vậy, tham số đầu tiên là min và tham số thứ hai là số chữ số lớn nhất.

— Everton Santos

1

Cách sử dụng Pipe để biến đổi một số thành 1 chữ số thập phân và không làm tròn số. Ví dụ: 345.678 => 345.6

— Brian

5

Bây giờ sẽ khác sau góc 5:

{{ number | currency :'GBP':'symbol':'1.2-2' }}

— pabloRN
nguồn

Anh ta muốn hiển thị giá trị mà không có ký hiệu tiền tệ để DecimalPipe sẽ hoạt động cho anh ta.

— Aneeq Azam Khan

1

Nó hoạt động

.ts -> pi = 3.1415

.html -> {{ pi | number : '1.0-2' }}

Ouput -> 3.14

nếu nó có một số thập phân nó chỉ hiển thị một
nếu nó có hai số thập phân, nó hiển thị cả hai

https://stackblitz.com/edit/angular-e8g2pt?file=src/app/app.component.html

điều này làm việc cho tôi !!! cảm ơn!!

— user8707279
nguồn

0

Giải pháp đơn giản

{{ orderTotal | number : '1.2-2'}}

//output like this

// public orderTotal = 220.45892221

//   {{ orderTotal | number : '1.2-2'}} 

// final Output
//  220.45

— Shashwat Gupta
nguồn