Angular 7 currency price












4















estoy intentando dar formato a una moneda. Lo tengo que hacer en el componente.



En el template si se puede hacer con:



{{price | currency:'EUR':true:'1.2'}}


Pero como se podria hacer en el componente?
Gracias!










compartir|mejorar esta pregunta



























    4















    estoy intentando dar formato a una moneda. Lo tengo que hacer en el componente.



    En el template si se puede hacer con:



    {{price | currency:'EUR':true:'1.2'}}


    Pero como se podria hacer en el componente?
    Gracias!










    compartir|mejorar esta pregunta

























      4












      4








      4








      estoy intentando dar formato a una moneda. Lo tengo que hacer en el componente.



      En el template si se puede hacer con:



      {{price | currency:'EUR':true:'1.2'}}


      Pero como se podria hacer en el componente?
      Gracias!










      compartir|mejorar esta pregunta














      estoy intentando dar formato a una moneda. Lo tengo que hacer en el componente.



      En el template si se puede hacer con:



      {{price | currency:'EUR':true:'1.2'}}


      Pero como se podria hacer en el componente?
      Gracias!







      angular angular6






      compartir|mejorar esta pregunta













      compartir|mejorar esta pregunta











      compartir|mejorar esta pregunta




      compartir|mejorar esta pregunta










      formulada hace 13 horas









      DavidDavid

      658




      658






















          2 respuestas
          2






          activas

          más antiguas

          votos


















          4














          En Angular versión 6 y posteriores ya no es necesario inyectar el Pipe como antes, ahora puedes directamente importar la función que el Pipe usa, en tu caso la función formatCurrency



          formatCurrency(10.9 ,'es-ES','€','1.2');


          Para que esto funcionara tuve que asegurarme de que el locale estaba registrado:



          import { registerLocaleData } from '@angular/common';
          import localeEs from '@angular/common/locales/es';

          registerLocaleData(localeEs);


          Puedes verlo funcionar aquí (StackBlitz)






          compartir|mejorar esta respuesta


























          • Gracias por l'ayuda! Me sale esto 1,80�EUR. Se podria quedar solo con 1,80?

            – David
            hace 13 horas





















          2














          puedes usar una función como:



          getCurrency(price: number) {
          return new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR'}).format(price);
          }





          compartir|mejorar esta respuesta
























          • No es la solución que da Angular, pero es totalmente válida y soportada por todos los navegadores actuales (incluso IE 11).

            – Pablo Lozano
            hace 12 horas











          • La solución ideal es usar el locale como bien explicas en tu respuesta pero esto es más una solución quick&dirty. Si el requisito es a nivel de aplicación es mucho mejor registrar los locales. Esta guía me fue de ayuda también: angular.io/guide/i18n

            – Francisco Tena
            hace 12 horas











          Tu Respuesta






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "637"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Impulsado por u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "Contribuciones del usuario con licencia u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 con atribuciu0026#243;n requeridau003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(polu0026#237;tica de contenido)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          borrador guardado

          borrador descartado


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fes.stackoverflow.com%2fquestions%2f245607%2fangular-7-currency-price%23new-answer', 'question_page');
          }
          );

          Publicar como invitado















          Requerido, nunca se muestra

























          2 respuestas
          2






          activas

          más antiguas

          votos








          2 respuestas
          2






          activas

          más antiguas

          votos









          activas

          más antiguas

          votos






          activas

          más antiguas

          votos









          4














          En Angular versión 6 y posteriores ya no es necesario inyectar el Pipe como antes, ahora puedes directamente importar la función que el Pipe usa, en tu caso la función formatCurrency



          formatCurrency(10.9 ,'es-ES','€','1.2');


          Para que esto funcionara tuve que asegurarme de que el locale estaba registrado:



          import { registerLocaleData } from '@angular/common';
          import localeEs from '@angular/common/locales/es';

          registerLocaleData(localeEs);


          Puedes verlo funcionar aquí (StackBlitz)






          compartir|mejorar esta respuesta


























          • Gracias por l'ayuda! Me sale esto 1,80�EUR. Se podria quedar solo con 1,80?

            – David
            hace 13 horas


















          4














          En Angular versión 6 y posteriores ya no es necesario inyectar el Pipe como antes, ahora puedes directamente importar la función que el Pipe usa, en tu caso la función formatCurrency



          formatCurrency(10.9 ,'es-ES','€','1.2');


          Para que esto funcionara tuve que asegurarme de que el locale estaba registrado:



          import { registerLocaleData } from '@angular/common';
          import localeEs from '@angular/common/locales/es';

          registerLocaleData(localeEs);


          Puedes verlo funcionar aquí (StackBlitz)






          compartir|mejorar esta respuesta


























          • Gracias por l'ayuda! Me sale esto 1,80�EUR. Se podria quedar solo con 1,80?

            – David
            hace 13 horas
















          4












          4








          4







          En Angular versión 6 y posteriores ya no es necesario inyectar el Pipe como antes, ahora puedes directamente importar la función que el Pipe usa, en tu caso la función formatCurrency



          formatCurrency(10.9 ,'es-ES','€','1.2');


          Para que esto funcionara tuve que asegurarme de que el locale estaba registrado:



          import { registerLocaleData } from '@angular/common';
          import localeEs from '@angular/common/locales/es';

          registerLocaleData(localeEs);


          Puedes verlo funcionar aquí (StackBlitz)






          compartir|mejorar esta respuesta















          En Angular versión 6 y posteriores ya no es necesario inyectar el Pipe como antes, ahora puedes directamente importar la función que el Pipe usa, en tu caso la función formatCurrency



          formatCurrency(10.9 ,'es-ES','€','1.2');


          Para que esto funcionara tuve que asegurarme de que el locale estaba registrado:



          import { registerLocaleData } from '@angular/common';
          import localeEs from '@angular/common/locales/es';

          registerLocaleData(localeEs);


          Puedes verlo funcionar aquí (StackBlitz)







          compartir|mejorar esta respuesta














          compartir|mejorar esta respuesta



          compartir|mejorar esta respuesta








          editada hace 13 horas

























          respondida hace 13 horas









          Pablo LozanoPablo Lozano

          20.6k42351




          20.6k42351













          • Gracias por l'ayuda! Me sale esto 1,80�EUR. Se podria quedar solo con 1,80?

            – David
            hace 13 horas





















          • Gracias por l'ayuda! Me sale esto 1,80�EUR. Se podria quedar solo con 1,80?

            – David
            hace 13 horas



















          Gracias por l'ayuda! Me sale esto 1,80�EUR. Se podria quedar solo con 1,80?

          – David
          hace 13 horas







          Gracias por l'ayuda! Me sale esto 1,80�EUR. Se podria quedar solo con 1,80?

          – David
          hace 13 horas















          2














          puedes usar una función como:



          getCurrency(price: number) {
          return new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR'}).format(price);
          }





          compartir|mejorar esta respuesta
























          • No es la solución que da Angular, pero es totalmente válida y soportada por todos los navegadores actuales (incluso IE 11).

            – Pablo Lozano
            hace 12 horas











          • La solución ideal es usar el locale como bien explicas en tu respuesta pero esto es más una solución quick&dirty. Si el requisito es a nivel de aplicación es mucho mejor registrar los locales. Esta guía me fue de ayuda también: angular.io/guide/i18n

            – Francisco Tena
            hace 12 horas
















          2














          puedes usar una función como:



          getCurrency(price: number) {
          return new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR'}).format(price);
          }





          compartir|mejorar esta respuesta
























          • No es la solución que da Angular, pero es totalmente válida y soportada por todos los navegadores actuales (incluso IE 11).

            – Pablo Lozano
            hace 12 horas











          • La solución ideal es usar el locale como bien explicas en tu respuesta pero esto es más una solución quick&dirty. Si el requisito es a nivel de aplicación es mucho mejor registrar los locales. Esta guía me fue de ayuda también: angular.io/guide/i18n

            – Francisco Tena
            hace 12 horas














          2












          2








          2







          puedes usar una función como:



          getCurrency(price: number) {
          return new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR'}).format(price);
          }





          compartir|mejorar esta respuesta













          puedes usar una función como:



          getCurrency(price: number) {
          return new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR'}).format(price);
          }






          compartir|mejorar esta respuesta












          compartir|mejorar esta respuesta



          compartir|mejorar esta respuesta










          respondida hace 13 horas









          Francisco TenaFrancisco Tena

          1013




          1013













          • No es la solución que da Angular, pero es totalmente válida y soportada por todos los navegadores actuales (incluso IE 11).

            – Pablo Lozano
            hace 12 horas











          • La solución ideal es usar el locale como bien explicas en tu respuesta pero esto es más una solución quick&dirty. Si el requisito es a nivel de aplicación es mucho mejor registrar los locales. Esta guía me fue de ayuda también: angular.io/guide/i18n

            – Francisco Tena
            hace 12 horas



















          • No es la solución que da Angular, pero es totalmente válida y soportada por todos los navegadores actuales (incluso IE 11).

            – Pablo Lozano
            hace 12 horas











          • La solución ideal es usar el locale como bien explicas en tu respuesta pero esto es más una solución quick&dirty. Si el requisito es a nivel de aplicación es mucho mejor registrar los locales. Esta guía me fue de ayuda también: angular.io/guide/i18n

            – Francisco Tena
            hace 12 horas

















          No es la solución que da Angular, pero es totalmente válida y soportada por todos los navegadores actuales (incluso IE 11).

          – Pablo Lozano
          hace 12 horas





          No es la solución que da Angular, pero es totalmente válida y soportada por todos los navegadores actuales (incluso IE 11).

          – Pablo Lozano
          hace 12 horas













          La solución ideal es usar el locale como bien explicas en tu respuesta pero esto es más una solución quick&dirty. Si el requisito es a nivel de aplicación es mucho mejor registrar los locales. Esta guía me fue de ayuda también: angular.io/guide/i18n

          – Francisco Tena
          hace 12 horas





          La solución ideal es usar el locale como bien explicas en tu respuesta pero esto es más una solución quick&dirty. Si el requisito es a nivel de aplicación es mucho mejor registrar los locales. Esta guía me fue de ayuda también: angular.io/guide/i18n

          – Francisco Tena
          hace 12 horas


















          borrador guardado

          borrador descartado




















































          ¡Gracias por contribuir en StackOverflow en español con una respuesta!


          • Por favor, asegúrate de responder a la pregunta. ¡Proporciona información y comparte tu investigación!

          Pero evita



          • Pedir ayuda o aclaraciones, o responder a otras respuestas.

          • Hacer declaraciones basadas en opiniones; asegúrate de respaldarlas con referencias o con tu propia experiencia personal.


          Para obtener más información, consulta nuestros consejos sobre cómo escribir grandes respuestas.




          borrador guardado


          borrador descartado














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fes.stackoverflow.com%2fquestions%2f245607%2fangular-7-currency-price%23new-answer', 'question_page');
          }
          );

          Publicar como invitado















          Requerido, nunca se muestra





















































          Requerido, nunca se muestra














          Requerido, nunca se muestra












          Requerido, nunca se muestra







          Requerido, nunca se muestra

































          Requerido, nunca se muestra














          Requerido, nunca se muestra












          Requerido, nunca se muestra







          Requerido, nunca se muestra







          Popular posts from this blog

          Paul Cézanne

          UIScrollView CustomStickyHeader Resize height generates problems when scroll is too fast

          Angular material date-picker (MatDatepicker) auto completes the date on focus out