Góc 2 - Làm cách nào để loại bỏ các số thập phân bổ sung trong liên kết góc?

Question

tôi có một tuyên bố như vậy trong quan điểm của tôi và giá trị ràng buộc có cho phép nói 6970.87127381382131831 nhưng, tôi muốn giới hạn nó ở 2 thập phân nhiều nhất. Vì tôi liệt kê các phần tử với ngFor, không thể sử dụng một đối tượng để hạn chế nó với .toFixed (2). Cảm ơn tất cả !

{{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier }}

Tôi đã thử phương pháp dưới đây:

{{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier | number : 2 }}

Không giúp tôi.

Answer 1

Các biểu thức sau đây sẽ cho phép bạn thiết lập phần thập phân đến hai chữ số:

{{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier | number : '1.2-2' }} 

1.2-2 phương tiện: ít nhất một chữ số trước dấu thập phân, ít nhất là 2 chữ số sau dấu thập phân nhưng không nhiều hơn 2 chữ số.

---

{{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier | number : '1.0-2' }} 

1.0-2 phương tiện: ít nhất một chữ số trước dấu thập phân và không quá 2 chữ số sau.

---

Về DecimalPipes và cấu hình kiễu góc: https://angular.io/api/common/DecimalPipe

Answer 2

như đã nêu trong tài liệu chính thức https://docs.angularjs.org/api/ng/filter/number

{{ number_expression | number : fractionSize}} 

trong trường hợp của bạn:

{{ (cartitem.original_price * cartitem.qty * cartitem.unit_multiplier) | number : 2 }} 

nếu bạn muốn có một số sửa chữa các chữ số bạn có thể tạo bộ lọc riêng của bạn

App.filter('twoDecimal',function(input, scope){ 

return function(){ 

    return input.toFixed(2); 

    } 
}) 

và áp dụng nó

{{ (cartitem.original_price * cartitem.qty * cartitem.unit_multiplier) | twoDecimal }}