0

Estoy cargando valores los cuales llegan como string y al momento de agregarlos a la propiedad los combierto anteponiendo el simbolo + y al mostrarlos les agrego un pipe currency para que este le ponga el símbolo $ y el punto separador de miles.

Funciona perfecto pero en algunas ocaciones, cuando realizo la carga de los valores aparece las letras PS.

Agrego el código:

Declaración de la variable en el modelo:

export class NaturalesAllModel {
   TotalIngresos: number;
}

La información la cargo en el component de la siguiente manera:

this.naturalesAllModel.TotalIngresos = (+this.naturalesAllModel.Salario + +this.naturalesAllModel.Comisiones + +this.naturalesAllModel.Arriendos +  +this.naturalesAllModel.OtrosIngresos);

En la vista los muestro de la siguiente forma:

<div class="col-xs-2 col-md-2 col-lg-2 FormatoNaturalesRight">
   <label class="letraGrande">${{naturalesAllModel.TotalIngresos | currency:'':'' : '1.0'}}
  </label>
</div>

Funciona perfecto, muestra la informacion de la siguiente manera:

introducir la descripción de la imagen aquí

Pero en ocaciones muestra los valores así, si ven la imagen carga un PS:

introducir la descripción de la imagen aquí

No me genera ningún error solo aparecen , cuando recargo la pagina vuelven a aparecer los valores como son.

Alguien me podría decir el por que pasa esto y como solucionarlo ,

De ante mano Gracias.

11
  • no te aparece nada en consola?
    – sioesi
    Commented el 29 ago. 2019 a las 21:26
  • Probaste de pronto algún otro formato como currency:'':symbol: '1.0-2'?
    – jecorrales
    Commented el 29 ago. 2019 a las 21:27
  • No, hice el debug y no aparece nada Commented el 29 ago. 2019 a las 21:27
  • 1
    @jecorrales voy a probar agregando este currency , pero la dificultad es que se presenta esporádica mente no siempre. Commented el 29 ago. 2019 a las 21:28
  • 1
    Es posible que sea debido al intentar convertir las cadenas a numeros usando el "+". Yo probaria a usar parseInt o parseFloat. Asi, si no se puede convertir a numero, al menos te da la excepcion y puedes debugear.
    – Narshe
    Commented el 30 ago. 2019 a las 23:25

1 respuesta 1

1

Esta dependencia te permite trabajar los valores de los input para su presentacion ngx-mask

<input type='text' suffix=" $" mask="0000" >

Solo lo he probado con tag input no se si trabaja sobre otros tag pero en si, solo es una directiva. @Directive({ // tslint:disable-next-line:directive-selector selector: '[brmasker]' }) por lo que supongo que puede ser usado en otros tag con entradas de datos. github

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.