Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

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

Ejemplos:

  • 1,99 --> 1,99 dólares
  • 1,9 --> 1,90 dólares
  • 1 --> $1.00
  • 1.005 --> $1.01
  • 1.004 --> $1.00

Estoy usando {{num | currency:'USD':true}} pero no muestra 0 finales.

over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

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

Explicación :
número_expresión | numero[:digito]

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

number_expression: una expresión angular que dará como resultado un número.

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

digitInfo : Define el formato del número.

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)

over 4 years ago · Santiago Trujillo Denunciar

0

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).

{{número | moneda:'tu_tipo':verdadero:'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 verdadero/falso para el symbolDisplay que es falso 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!!

over 4 years ago · Santiago Trujillo Denunciar

0

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

{{num | currency:'USD':true}} debe ser...

{{num | currency:'USD':true:'1.2-2'}}

Como 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 usar 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

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda