Saltar al contenido

En angular 2, ¿cómo mostrar un número como moneda redondeada con dos decimales?

Recabamos por todo el mundo online para traerte la respuesta para tu problema, si continúas con dudas deja un comentario y contestamos con gusto, porque estamos para servirte.

Solución:

Usa este código. Aquí hay un ejemplo de trabajo http://plnkr.co/edit/xnN1HnJtTel6WA24GttR?p=preview
currency:'USD':true:'1.2-2'

Explicación :
número_expresión | número[:digitInfo]

Finalmente obtenemos un número decimal como texto. Encuentra la descripción.

número_expresión: Una expresión angular que le dará a la salida un número.

número : Una palabra clave de canalización que se utiliza con el operador de canalización.

digitInfo: Define el formato de los números.

Ahora entenderemos cómo usar digitInfo. La sintaxis de digitInfo es la siguiente.

minIntegerDigits. minFractionDigits-maxFractionDigits

Encuentra la descripción.

minIntegerDigits: Número mínimo de dígitos enteros. El valor predeterminado es 1. (en nuestro caso, 1)

minFractionDigits : Número mínimo de dígitos de fracción. El valor predeterminado es 0. (en nuestro caso, 2)

maxFractionDigits : Número máximo de dígitos de fracción. El valor predeterminado es 3. (en nuestro caso, 2)

bueno, obtuviste la respuesta correcta, pero aún así creo que puedo elaborar más esta respuesta, así que publícala como respuesta:

En primer lugar, hay una cantidad de tuberías disponibles de angular2 para usar en nuestro proyecto, algunas de ellas se enumeran a continuación

CurrencyPipe, DatePipe, UpperCasePipe, LowerCasePipe, PercentPipe y muchos más.

Aquí, como su pregunta, tiene un problema relacionado con la tubería de moneda. así que quiero explicar un poco más como otras respuestas.

Tubería de moneda:

Una tubería puede aceptar cualquier número de parámetros opcionales para ajustar su salida. Agregamos parámetros a una canalización siguiendo el nombre de la canalización con dos puntos ( : ) y luego el valor del parámetro (por ejemplo, moneda: ‘EUR’). Si nuestra canalización acepta varios parámetros, separamos los valores con dos puntos (p. ej., sector:1:5).

moneda:’su_tipo’:true:’1.2-2′

aquí… el primer parámetro es el tipo de moneda que es EUR, USD o cualquier cosa, el segundo parámetro es true/false Para el symbolDisplay cual es false por defecto. entonces el tercero es el límite de rango básicamente un límite de rango. Puede establecer una longitud mínima y máxima después del punto decimal y un número fijo (o dejarlo en blanco por defecto) para los lugares antes del punto decimal.

He encontrado algunos buenos tutoriales para las tuberías en angular2 que estoy publicando aquí.

http://voidcanvas.com/angular-2-pipes-filters/

https://angular.io/docs/ts/latest/guide/pipes.html

¡Espero que ayude y aclare más sobre las tuberías! @Pardeep!!

Está utilizando la tubería correcta. Solo necesita agregar la información del dígito a la salida.

num debiera ser…

currency:'USD':true:'1.2-2'

Para referencia: 'USD' representa el tipo de moneda, true representa si mostrar el símbolo de moneda ($), y '1.2-2' representa la información del dígito.

La información del dígito es minIntegerDigits.minFractionDigits-maxFractionDigits.

minIntegerDigits es el número mínimo de dígitos enteros a utilizar y el valor predeterminado es 1.
minFractionDigits es el número mínimo de dígitos después de la fracción y el valor predeterminado es 0.
maxFractionDigits es el número máximo de dígitos después de la fracción y el valor predeterminado es 3.

La fuente de la información del dígito se puede encontrar aquí: https://angular.io/docs/ts/latest/api/common/index/DecimalPipe-pipe.html

Si aceptas, puedes dejar una división acerca de qué le añadirías a esta sección.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *